Tailwind + Next.js: CORE Code School

See the demo here: https://tailwind-react-demo.app.faable.com/

How to run this repo

In a terminal, install the dependencies and run the dev server with the following commands:

• npm install
• npm run dev

Twin.macro

Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

• https://github.com/ben-rogerson/twin.macro

Tailwind Configuration

This command creates tailwind configuration file tailwind.config.js:

# cd into your project folder then:
npx tailwindcss-cli@latest init --full

• https://github.com/ben-rogerson/twin.macro/blob/master/docs/customizing-config.md

Next emotion

• https://github.com/ben-rogerson/twin.examples/tree/master/next-emotion

twin.macro with Tailwind vscode extension

• ben-rogerson/twin.macro#227