chrstnmcf / next-twin-starter

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

[DEPRECATED]

🚨 This project is no longer actively maintained, and the code may be outdated. Use it at your own risk, as there might be compatibility issues with newer dependencies and frameworks.

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