Overview Introduction Next.js Comparison Vue Tour React Tour

🌱 Get Started Scaffold new app Add to existing app

📚 Guides Basics Routing Data Fetching Pre-rendering (SSG)Access pageContext anywhere Common Issues More <head> meta tags Authentication Layouts Static Directory (public/)SPA, SSR, SSG, HTML-only Environment Variables Internationalization (i18n)File Structure Custom Exports/Hooks Paths Aliases Preload HTML Streaming API Routes Client-only Components Error Handling Debug Build Your Own Framework

Routing Server Routing VS Client Routing Filesystem Routing Route String Route Function Guard Active Links Base URL Routing Precedence

🌍 Deploy Static hosts GitHub Pages Cloudflare Pages Netlify Other Serverless Cloudflare Workers Vercel AWS Lambda Netlify Functions Full-stack AWS Docker Other

🔌 Integration Data fetching Apollo (GraphQL)Relay (GraphQL)Telefunc (RPC)tRPC React Query Vue Query urql (GraphQL)gRPC Socket.IO Other Data store Vuex Redux Pinia PullState Other Authentication Auth.js CSS, styling, CSS frameworks Tailwind CSS daisyUI Windi CSS Vuetify CSS-in-JS styled-components styled-jsx MUI PrimeReact Bootstrap Grommet Sass / Less / Stylus Other UI frameworks React Vue Svelte Preact Solid Angular Other Server HTTPS Express.js Deno Fastify Firebase Ruby on Rails PM2 Koa hapi H3 HatTip Other Other Markdown MDXEditor Tauri Other

⚙ API Core pageContextGlobal config prerenderdisableAutoFullBuildredirectsServer- & client-side .page.js • export { Page } • export { onBeforeRender }throw redirect()throw render()Server-side .page.server.js • export { Page } • export { onBeforeRender } • export { passToClient } • export { render } • export { prerender } • export { doNotPrerender }renderPage()injectFilter()escapeInjectprerender() programmatic Client-side .page.client.js • export { Page } • export { render } • export { clientRouting }navigate()reload()prefetch()Routing .page.route.js_default.page.route.js • export { filesystemRoutingRoot } • export { onBeforeRoute }Special pages _default.page.*_error.page.js

React Query

Examples of using TanStack React Query:

https://github.com/nabi-chan/vike-trpc-ssr
https://github.com/phonzammi/vike-react-tanstack-query
https://github.com/phonzammi/vike-react-query
https://github.com/YannBirba/vps-react-query
https://github.com/alternativniy/vite-ssr-with-react-query

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

Related discussions:

https://github.com/vikejs/vike/discussions/774

✍ Edit this page