https://github.com/agneym/next-goober-twin

A starter repository with NextJS, GooberJS and Twin.Macro
https://github.com/agneym/next-goober-twin

goober nextjs tailwindcss twin-macro

Last synced: 8 months ago
JSON representation

A starter repository with NextJS, GooberJS and Twin.Macro

• Host: GitHub
• URL: https://github.com/agneym/next-goober-twin
• Owner: agneym
• Created: 2020-12-20T17:09:25.000Z (almost 5 years ago)
• Default Branch: main
• Last Pushed: 2020-12-20T17:09:54.000Z (almost 5 years ago)
• Last Synced: 2024-12-29T23:24:49.818Z (10 months ago)
• Topics: goober, nextjs, tailwindcss, twin-macro
• Language: JavaScript
• Homepage:
• Size: 146 KB
• Stars: 4
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# NextJS twin.macro gooberjs

[![Twitter Follow](https://img.shields.io/twitter/follow/agneymenon?style=for-the-badge&color=informational)](https://twitter.com/agneymenon)

- `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:

```bash

npm run dev

# or

yarn dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.