Get Started with Next.js, Typescript, Tailwind

zephyrus21

Piyush Pandey

Posted on June 27, 2022

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.

GitHub logo 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)

    Use as template

    • A new repo will be created

    New repo

    • 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
    Enter fullscreen mode Exit fullscreen mode

    or

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

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

2. Install dependencies

cd to the project folder then

yarn install
Enter fullscreen mode Exit fullscreen mode

3. Run the development server

You can start the server using this command:

yarn dev
Enter fullscreen mode Exit fullscreen mode

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




Thanks for reading

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

💖 💪 🙅 🚩
zephyrus21
Piyush Pandey

Posted on June 27, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related