Skip to content

agneym/next-goober-twin

Repository files navigation

NextJS twin.macro gooberjs

Twitter Follow

  • twin.macro enables the power of tailwind to combine with CSS-in-JS. It has no runtime and converts the tailwind classes you write to preferred CSS-in-JS solution.
  • goober is a 1kB solution for CSS-in-JS. Since we are writing tailwind classes, it's guaranteed that we won't be using most features of larger libraries like styled-components or emotion. This is where goober comes in, we get the transpiled CSS-in-JS with 1kB of Goober and some twin magic.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

About

A starter repository with NextJS, GooberJS and Twin.Macro

Topics

Resources

Stars

Watchers

Forks