OverviewIntroductionVue TourReact Tour🌱 Get StartedScaffold new appAdd to existing app📚 GuidesBasicsRoutingData FetchingPre-rendering (SSG)Access pageContext anywhereMore<head>Static Directory (public/)Hydration MismatchSPA, SSR, SSG, HTML-only.env FilesInternationalization (i18n)File StructurePaths AliasesHTML StreamingAPI RoutesClient-only ComponentsDynamic import()Error TrackingRender as you Fetch
RoutingServer Routing VS Client RoutingFilesystem RoutingRoute StringRoute FunctionActive LinksPage RedirectionBase URLCatch-All RoutesNested RoutesVue Router & React Router🔌 IntegrationData fetchingApollo (GraphQL)Vue QueryRelay (GraphQL)Wildcard API (RPC)urql (GraphQL)gRPC (RPC)OtherData storeVuexReduxPullStateOtherAuthenticationNextAuth.jsOtherCSS, styling, CSS frameworksTailwind CSS / Windi CSSVuetifyCSS-in-JSstyled-componentsBoostrap (Vanilla JS)Sass / Less / StylusOtherUI frameworksSveltePreactSolidOtherOtherMarkdownHTTPSOther🌍 DeployStatic hostsGitHub PagesCloudflare PagesNetlifyOtherServerlessCloudflare WorkersVercelAWS LambdaFirebaseOtherDockerOther⚙ APINode.js & browserpageContext.page.js • export { Page } • export { onBeforeRender }Node.js.page.server.js • export { onBeforeRender } • export { passToClient } • export { render } • export { prerender } • export { doNotPrerender }escapeInjectBrowser.page.client.jsgetPage()useClientRouter()navigate()Routing.page.route.js_default.page.route.js • filesystemRoutingRoot • onBeforeRouteSpecial pages_default.page.*_error.page.jsIntegrationcreatePageRenderer()Vite PluginCLICommand prerenderCSS Frameworks
vite-plugin-ssr is being used with all kinds of CSS frameworks; we provide guides only when integration is not straightforward.
In principle, you can use vite-plugin-ssr with any CSS framework. However, if you are having difficulties integrating a CSS framework, join our Discord server or open a new GitHub issue.