Next.js Boilerplate (TypeScript, TailwindCSS)

A local development setup or boilerplate for Next.js with TypeScript and Tailwind CSS.

Quick Start

1. Install Yarn.
2. Clone the app:

git clone [email protected]:dominicarrojado/nextjs-typescript-tailwindcss-boilerplate.git

3. Install dependencies:

cd nextjs-typescript-tailwindcss-boilerplate
yarn install

4. Run the development server:

yarn dev

5. Open http://localhost:3000 to view it in the browser.

Running All Tests

yarn test

Running Tests (Watch)

yarn test:watch

Build For Production (Static)

1. Build and generate static files:

yarn build
yarn export

2. The out directory can be served by any static hosting service or CDN.

VSCode Extensions

• Prettier
• ESLint
• Tailwind CSS IntelliSense

Learn

Learn how to build this setup or boilerplate here.