Next.js TailwindCSS Template

View Demo · Report Bug or Request Feature

About The Project

After a couple of Next.js projects, I found that I'm spending too much time setting up new ones, That's why I created this template, Fell free to use it and give me your feedback!

Built With

• TypeScript
• Next.js
• Tailwind CSS
• Next Themes
• shadcn/ui

Features

• TypeScript ready.
• ESLint ready.
• Dark Mode ready.
• Supports absolute imports.
• SEO friendly.

Screenshot

Deploy

Getting Started

Create a new application using create-next-app with the -e | --example flag pointing to this repository's url, like so:

npx create-next-app@latest --example https://github.com/imadatyatalah/next.js-template

Tip: You can find create-next-app's documentation at https://nextjs.org/docs/app/api-reference/create-next-app.

You can also click on the Use this template button.

After that, clone the repository that was created on your account and follow the steps below:

# Installing project dependencies
pnpm i
# Starting the project
pnpm dev

Your site is now running at http://localhost:3000!

License

Distributed under the MIT License. See LICENSE for more information.