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.*_default.page.route.jsMultiple defaults_error.page.jsIntegrationcreatePageRenderer()Vite PluginCLICommand prerender_default.page.*
The _default.page.* files allow us to define hooks and settings that apply to all pages.
For example, we can define the render() hook in _default.page.server.js in order to define how our pages are rendered to HTML.
_default.page.route.js
The _default.page.route.js can export special global hooks that allow us to control the routing process,
see _default.page.route.js.
Multiple defaults
There can be several _default.{server|client}.js files:
marketing/renderer/_default.page.server.js
marketing/renderer/_default.page.client.js
marketing/pages/index.page.js
marketing/pages/about.page.js
marketing/pages/jobs.page.js
admin-panel/renderer/_default.page.server.js
admin-panel/renderer/_default.page.client.js
admin-panel/pages/index.page.js
The marketing/_default.page.* files apply as default to the marketing/**/*.page.js files, while
the admin-panel/_default.page.* files apply as default to the admin-panel/**/*.page.js files.