UNPKG

aliaset

Version:

twind monorepo

github.com/JairoCarroll/aliaset.git

JairoCarroll/aliaset

23 lines (14 loc) • 1.17 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# Example: Gatsby > Try it live at [Codesandbox](https://githubbox.com/tw-in-js/twind/tree/main/examples/with-gatsby). _Does not work in [Stackblitz](https://stackblitz.com/fork/github/tw-in-js/twind/tree/main/examples/with-gatsby) until [sharp is supported](https://github.com/stackblitz/webcontainer-core/issues/147)._ ## How does this work? 1. configure [gatsby-plugin-twind](https://github.com/tw-in-js/twind/tree/main/packages/with-gatsby) in [gatsby-config.js](./gatsby-config.js) — to enable server-side rendering (SSR) and injecting of twind styles in the browser 2. a dedicated [twind.config](./twind.config.js) ## What is included? - [gatsby](https://www.npmjs.com/package/gatsby) - [gatsby-plugin-twind](https://github.com/tw-in-js/twind/tree/main/packages/with-gatsby) - [@twind/core](https://github.com/tw-in-js/twind/tree/main/packages/core) - [@twind/preset-autoprefix](https://github.com/tw-in-js/twind/tree/main/packages/preset-autoprefix) - [@twind/preset-tailwind](https://github.com/tw-in-js/twind/tree/main/packages/preset-tailwind) ## Credits Based on [Gatsby Starter Tailwind](https://github.com/taylorbryant/gatsby-starter-tailwind)