Example: Next.js

Try it live at Stackblitz or Codesandbox.

This example is using next@12 and react@17 because next@13 is not working in Stackblitz or Codesandbox. You can upgrade this example to next@13 and react@18 when you are using it locally.

How does this work?

1. a custom pages/_app ¹
2. a custom pages/_document ² to enable server-side rendering (SSR) of styles
3. (optional) a dedicated twind.config

What is included?

• next
• @twind/core
• @twind/preset-autoprefix
• @twind/preset-tailwind
• @twind/with-next

Footnotes

1. Next.js › Custom App ↩

2. Next.js › Custom Document ↩