NextJS with Tailwind in TypeScript

A starter template for NextJS with Tailwind in TypeScript with an opinionated modular project structure.

Uses NextJS's latest app directory

Technologies

---

How to Reuse Locally?

Use degit to download the repository locally.

❓ What is degit?
degit downloads a copy of git repository with downloading its entire git history.

Install degit globally.

npm install -g degit

Download the latest version

degit utsavdotpro/starter-nextjs-tailwind-ts

---

Getting Started

Install dependencies

yarn install

Run the development build

yarn dev

Run the production build

yarn build
yarn start

Project Structure

project
|-- public                    ℹ️ keep your static resource files
|-- src
|   |-- app                   ℹ️ NextJS app directory
|   |   |-- api               ℹ️ NextJS api directory
|   |-- common
|   |   |-- components
|   |   |   |-- elements      ℹ️ keep your state-less components
|   |   |   |                 ℹ️ keep your state-full components
|   |   |-- hoc
|   |   |-- hooks
|   |   |-- layouts
|   |-- core
|   |   |-- config            ℹ️ keep your configuration files
|   |   |-- constants
|   |   |-- services
|   |   |-- types
|   |   |-- utils
|   |-- lib
|   |-- modules
|   |-- styles

Deployment

The easiest way to deploy your Next.js app is to use the Vercel platform from the creators of Next.js.

Check out the Next.js deployment docs for more details.