This is a work in progress.
You're seeing the new documentation suite for fastify-vite 2.2.0-beta.6.
Please report issues on GitHub.
A minimal and fast alternative to full blown mega SSR frameworks like Nuxt.js and Next.js.
- Currently supports Vue 3 and React 17 — using the same modular renderer API.
- Automatically registers individual Fastify routes for your client application routes.
- Provides generic utilities for client hydration and isomorphic data fetching.
- No magic app folder (.nuxt, .next), just start with the right boilerplate flavor.
New to SSR?
In addition to being benefitial for SEO, this technique makes the client UI to render more quickly into view because the prerendered markup doesn't have to be recreated, just hydrated.
New to Fastify?
I'd also suggest spending some time getting familiarized with its notion of plugins, hooks, encapsulation and lifecycle, to understand what the fuss is all about and why you should care about going with Fastify for your next Node.js apps.
There's also this article on VueJSDevelopers covering one of the first versions of fastify-vite — it tries to tell a longer story about how this plugin got started.
New to Vite?
Vite is a build tool with an integrated development server. It is based on Rollup and leverages ESM support in browsers to enable nearly instant Hot Module Replacement, or as it is popularly known, hot reload. Evan You's Vue Mastery course is possibly the best option if you need more guidance, but its documentation is generally straightforward and Vite itself is rather intuitive to get started with.
Also check out Evan You's Vite 2.0 announcement for more background.
See also acknowledgements.