does twind support static site generation

[aakashvaa]

i'm curious weather twind support static site generation or not. It will be amazing if it does all the processing at build time to pre-generate the css.
pigment css(a css-in-js) has implemented this feature.
https://mui.com/blog/introducing-pigment-css/

[rschristian]

You absolutely can, yes. Something like this would suffice:

import { install, extract } from '@twind/core';

const tw = install(userConfig, true);
const { html, css } = extract(`<div id="app" class="color-blue-500">...</div>`, tw);

[aakashvaa]

thank you

[aakashvaa]

is there any blog where i can learn how to properly setup twind in next js.

[rschristian]

Not sure, sorry -- I don't use Next.

[aakashvaa]

i found that btw thank you for your quick response