Next.js · TypeScript · TailwindCSS
This is a Next.js 10.0, TailwindCSS 2.0, and TypeScript 4.0 starter template.
Eslint and Prettier is configured. You can customize these configuration in .eslintrc.js
and .prettierrc.js
Here're a few ways to create your new project using this template.
Create a new next.js app from the template using create-next-app
npx create-next-app --example "https://github.com/vuongddang/nextjs-tailwindcss-typescript-eslint-prettier/tree/master"
# or
yarn create next-app --example "https://github.com/vuongddang/nextjs-tailwindcss-typescript-eslint-prettier/tree/master"
Create new repository from github template
You can generate a new repository with the same directory structure and files by click Use this template
button in the upper right or click here.
Install dependencies:
npm install
# or
yarn install
Run the development server:
npm run dev
# or
yarn dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying src/pages/index.js
. The page auto-updates as you edit the file.
Once you have the project running locally you can import your project to Vercel and get it up and running in a few clicks.
Check out Next.js deployment documentation for more details.