imadatyatalah / next.js-tailwindcss-template

Opinionated Next.js and TailwindCSS template.

Next.js TailwindCSS Template

View Demo · Report Bug · Request Feature

About The Project

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

Built With

• TypeScript
• Next.js
• TailwindCSS
• Next Themes
• Next SEO

Features

• TypeScript ready.
• ESLint ready.
• Dark Mode ready.
• Supports absolute imports.
• SEO friendly.
• Self-hosted Inter font & cashed by Vercel.

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-tailwindcss-template

Tip: You can find create-next-app's documentation at https://nextjs.org/docs/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
npm install
# Starting the project
npm run dev

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

License

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