anjanthapaliya / next-twin-starter

Starter pack for Next.js with Tailwind CSS, twin.macro and styled-components (and more)

Next.js, Tailwind CSS, twin.macro, styled-components starter kit 🚀

A Next.js starter kit with TailwindCSS, twin.macro, styled-components, Prettier, ESLint in combination with TypeScript.

I created this project as a starter kit for my projects where I use the setup described above.

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

Learn More

To learn more about Next.js, TailwindCSS, twin.macro and styled-components take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• TailwindCSS - learn more about the utility-first CSS framework
• twin.macro - twin.macro documentation
• styled-components - Documentation of styled-components
• twin next styled-components - Setup of twin.macro with styled-components