https://github.com/naufaldi/nextjs-tailwindcss
nextjs + tailwindcss template
https://github.com/naufaldi/nextjs-tailwindcss
Last synced: about 2 months ago
JSON representation
nextjs + tailwindcss template
- Host: GitHub
- URL: https://github.com/naufaldi/nextjs-tailwindcss
- Owner: naufaldi
- Created: 2020-06-11T19:43:28.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2020-06-04T06:46:28.000Z (almost 5 years ago)
- Last Synced: 2025-01-14T12:22:23.475Z (3 months ago)
- Homepage:
- Size: 105 KB
- Stars: 0
- Watchers: 2
- Forks: 8
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# nextjs-tailwindcss template
next.js template including tailwindcss, **check out** the [jsx-tailwind](https://github.com/andybroger/nextjs-tailwindcss/tree/jsx-tailwind) branch if you need support for @apply rules in styled-jsx.
**Features**
- Includes Tailwindcss
- Includes postcss-preset-env
- now uses tailwindcss 1.4.x purge method on production builds
## usage
1. Clone this repo
2. npm install
3. npm run dev
## notes
**styles/main.css**
The styles/main.css files includes tailwindcss imports and also supports global styles. It is processed by postcss and with postcss-preset-env supports nesting and other cool stuff.
**postcss.config.js**
The configuration file for postcss. The purgecss plugin is configured to scan the \*.js files in the pages/ and components/ folder.
**tailwind.config.js**
You should know that file, its the default config generated with `npx tailwindcss init`. It's where your tailwindcss config goes.
**pages/\_app.js**
Here we integrate `styles/main.css` into the app.