Example app with Styletron
This example features how to use Styletron with Remix.
Open this example on CodeSandbox:
This example shows how to use Styletron with Remix.
- app/styletron.ts - Here's where we handle the styletron-related logic.
- app/root.tsx - This is where we render the app and if we're rendering on the server.
- We indicate where we want the styles to be added by inserting
__STYLES__at the bottom of<head>; - We wrap the
<Outlet>with<StyletronProvider value={styletron}>
- We indicate where we want the styles to be added by inserting
- app/entry.server.tsx - This is where we render the app on the server and replace
__STYLES__with the styles that styletron collects.