next-tailwind-scaffold Tailwind Templates

Next Tailwind Scaffold

A fully configured Next.js project with Tailwind and linting/Prettier configurations

This is a Next.js project bootstrapped with create-next-app, along with Tailwind and linting/prettier preferences.

The idea is to be able to clone this for new Next projects and not have to repeat all of the initial configuration.

Getting Started

First, 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 pages/index.tsx. The page auto-updates as you edit the file.

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

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

Included stuff

  • TailwindCSS
  • ESLint (using airbnb's config, set up for Typescript)
  • Stylelint (using strict SCSS rules)
  • Prettier

Top categories

Loading Svelte Themes