DEV Community

Cover image for My Next.js and Tailwindcss starter template
Kalwabed Rizki
Kalwabed Rizki

Posted on

My Next.js and Tailwindcss starter template

Recently I have been releasing a new starter template build on top of Next.js, Typescript, and Tailwindcss.

It's included:

  • Eslint, Prettier, and Stylelint setup
  • SEO ready
  • and many more

You can visit the demo pages at: https://nextwind.vercel.app

If you feel this is missing please open a new issue or you can also open a pull request, and if you find something new and this helps you can leave a star for me. Thank you.

GitHub logo kalwabed / nextwind

Next.js + Typescript + Tailwindcss starter template

Nextwind Website

Next.js + Typescript + Tailwindcss starter template.

This is an example setup of Next.js building on top of the official TypeScript example and official Tailwindcss example. It adds the following:

  • Basic Eslint (Nextjs built in), and Prettier setup
  • Tailwind and Typescript config
  • SEO ready

Getting Started

Installation

Quickstart, is just use the Use this template feature from the Github.

... or you can

First, clone the repository:

git clone https://github.com/kalwabed/nextwind.git my-next-app
Enter fullscreen mode Exit fullscreen mode

or if you're cloning using SSH:

git clone git@github.com:kalwabed/nextwind.git my-next-app
Enter fullscreen mode Exit fullscreen mode

Then go to the directory

cd my-next-app
Enter fullscreen mode Exit fullscreen mode

Finally, run the development server to start developing.

yarn dev
Enter fullscreen mode Exit fullscreen mode

Deploy

You can deploy the starter template using Vercel:

Deploy with Vercel

Contributing

Contributions are welcome. Please open a pull request if you think something is missing or you would like to add something.

  1. Fork this Project
  2. Commit your Changes (git commit -m 'Add some AmazingFeature')
  3. Push to the Branch…

Top comments (1)

Collapse
 
bagussatoto profile image
BAGUS BUDI SATOTO

Top