Get Started with Next.js, Typescript, Tailwind

This post is about a starter template I have made with minimal setup bootstrapped with Next.js, TypeScript and Tailwind CSS.

The versions of the tech used will be updated with latest.

You can check out the starter page here.

Having a starter template is better than a step-by-step guide.

zephyrus21 / next-ts-tailwind-starter

Minimal Next.js + TypeScript + Tailwind CSS starter template.

⚡next-ts-tailwind-starter⚡

Minimal Next.js + TypeScript + Tailwind CSS starter template.

Made by Piyush Pandey

Give a ⭐ if you want to appreciate.

1. Use this template in any of the two methods:

1. Use this template button. (Recommended)

   

   • A new repo will be created

   

   • Clone the repo from your GitHub and you are good to go!!!

2. Using create-next-app

   npx create-next-app -e https://github.com/zephyrus21/next-ts-tailwind-starter project-name

   or

   yarn create next-app -e https://github.com/zephyrus21/next-ts-tailwind-starter project-name

Disclaimer: You can use npm or yarn as per your preference.

2. Install dependencies

cd to the project folder then

yarn install

3. Run the development server

You can start the server using this command:

yarn dev

Open http://localhost:3000 with your browser to see the result. You can start editing the page by modifying src/pages/index.tsx.

View on GitHub

Thanks for reading

If you like my work give it a 🌟 and connect to me with piyushpandey.tech

Comments

[Paul Knulst]

This is cool. I also started with Next.js, Typescript and Tailwind. I created a simple Portfolio website with it.
Furthermore, I added Stripe and Paypal within my Portfolio. Maybe you can add this too in your Template. I would advice to add some cool plugins.

If interested you can see my article here at Medium: betterprogramming.pub/create-your-...