Next.js boilerplate using Tailwind CSS: A Comprehensive Guide

Next.js Starter Tailwind

A Next.js starter styled using Tailwind CSS.

Uses Tailwind CSS' built-in purge option to remove unused CSS.

Illustrations by unDraw.

View demo here.

Deploy

Vercel

License

MIT

How you can help

Enjoying this starter and want to help? You can:

• Create an issue with some constructive criticism
• Submit a pull request with some improvements to the project

.all-contributorsrc

{
  "files": [
    "README.md"
  ],
  "imageSize": 100,
  "commit": false,
  "contributors": [
    {
      "login": "Mozart409",
      "name": "Amadeus",
      "avatar_url": "https://avatars2.githubusercontent.com/u/38767929?v=4",
      "profile": "https://github.com/Mozart409",
      "contributions": [
        "code",
        "ideas"
      ]
    },
    {
      "login": "egdavid",
      "name": "David Eugene",
      "avatar_url": "https://avatars3.githubusercontent.com/u/10560326?v=4",
      "profile": "https://www.synaptech.fr",
      "contributions": [
        "code"
      ]
    }
  ],
  "contributorsPerLine": 7,
  "projectName": "next-starter-tailwind",
  "projectOwner": "taylorbryant",
  "repoType": "github",
  "repoHost": "https://github.com",
  "skipCi": true
}

.eslintrc.json

{
  "extends": "next/core-web-vitals"
}

.gitignore

# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.

# dependencies
/node_modules
/.pnp
.pnp.js

# testing
/coverage

# next.js
/.next/
/out/

# production
/build

# misc
.DS_Store
.env*

# debug
npm-debug.log*
yarn-debug.log*
yarn-error.log*

Download details:

Author: taylorbryant
Source: https://github.com/taylorbryant/next-starter-tailwind

License: MIT license

#tailwindcss #nextjs