Skip to content

NextJS with TypeScript and TailwindCSS (with dark theme switch)

License

Notifications You must be signed in to change notification settings

lailo/next-with-tailwindcss

Repository files navigation

NextJS with Tailwind CSS and TypeScript

This is a demo project to show how to setup NextJS with TypeScript, TailwindCSS and Jest.

It shows how you can use a utility-first CSS framework with snapshot testing to have nice tests with different component stats (loading, disabled, active, ...).

To reduce the CSS bundle size of TailwindCSS, I added PurgeCSS.

Development

  1. npm install
  2. npm run dev

Testing

npm test

Production

  1. npm run build
  2. npm run start