Create Next App Starter with Tailwind

A Nextjs starter project built with Typscript and TailwindCSS

Tech Stack

• NextJS v12 project - bootstrapped with create-next-app.
• React & React DOM v18
• Styling - TailwindCSS v3.1.8
• Type Checker - TypeScript v4.7.4
• Lint - ESlint v8, AirBnB config & Eslint-config-next
• Format - Prettier v2.7.1

Usage

Inside the project directory run using npm or yarn:

• dev - runs the app in the development mode. Open http://localhost:3000 to view it in the browser.
• build - builds the app for production to the build folder.
• start - Runs the built app in production mode.
• lint - ESlint configured for Next. Use .eslintrc.json to setup & .eslintignore to ignore files.

Run

yarn dev
# or
npm run dev

Entry point pages/index.tsx.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.tsx.

The pages/api directory mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Eslint configurations

Lint set according to Airbnb and NextJS style guides.

Format configurations

Prettier is set using my opinionated rules inside config file .prettierrc