styled-components

When using styled-components, you need to collect the page's styles upon SSR:

• styled-components docs > Server Side Rendering
• Tool Integration > CSS-in-JS

You can follow along on this tutorial (vite-plugin-ssr was the previous name of Vike) on how to add styled-components to your Vike app.

Examples:

• 2024.04 GitHub > lourot/vike-react-styled-components-grommet
• 2024.04 GitHub > Pixelatex/vike-styled-ts
• 2023.10 GitHub > alexrabin/vite-ssr-styled-components

  vite-plugin-ssr was the previous name of Vike.

See also

• Tool Integration > CSS-in-JS
• Grommet