https://github.com/alexandr-g/nextjs-tailwind-starter

Unofficial minimalistic NextJS + Tailwind CSS starter kit
https://github.com/alexandr-g/nextjs-tailwind-starter

nextjs nextjs-tailwind postcss tailwind tailwind-css tailwindcss

Last synced: 17 days ago
JSON representation

Unofficial minimalistic NextJS + Tailwind CSS starter kit

• Host: GitHub
• URL: https://github.com/alexandr-g/nextjs-tailwind-starter
• Owner: alexandr-g
• License: mit
• Created: 2020-05-20T13:58:29.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-04-12T08:44:31.000Z (7 months ago)
• Last Synced: 2024-04-12T15:36:07.279Z (7 months ago)
• Topics: nextjs, nextjs-tailwind, postcss, tailwind, tailwind-css, tailwindcss
• Language: JavaScript
• Homepage: https://nextjs-tailwind-example.now.sh/
• Size: 1.05 MB
• Stars: 3
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# A minimalist NextJS + TailwindCSS starter

An example uses a minimum setup for [NextJS](https://nextjs.org/) in combination with [Tailwind](https://tailwindcss.com/) for styling. You can clone or fork a repository to play around or use it for your needs.



## Demo

Visit https://nextjs-tailwind-example.now.sh/ for live demo

## Available Scripts

In the project root directory you can run:

- `npm run dev` - runs the app in the development mode. Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

- `npm run build` - builds the app for production.

- `npm start` - serves `npm run build` output on the `http://localhost:3000`

## Notes

- Alternatively to direct dependency on `autoprefixer`, you could install and add [postcss-preset-env](https://preset-env.cssdb.org/) plugin in the `postcss.config.js` file.

- To remove unused CSS, this example uses Tailwind CSS [`purge` option](https://tailwindcss.com/docs/controlling-file-size/#removing-unused-css).