FSR Learn Benchmarks Compare DemosCompiler Web Star7

Start here

010Build your first page 020Build a counter 030Add a working cart

Data and rendering

100Cache loaders and renders 110Prerender a blog at build time 120Find out what won't compile 130Validate a form 140Stream a slow page 150Share state with the store 160Add share cards 170Port async components from Next.js

Choosing a frontend

200Write your islands in Vue 205Write your islands in Svelte 210Write islands as web components 220React and Vue on one page 230Write your pages in Tera 240Style an app with Tailwind

Growing the app

300Run one app on two domains 310Put a docs site inside your app 320Port a Next.js route 325Move a Next.js app with fsr migrate 330Add a JavaScript library 340Add Google Analytics with a consent banner 350Protect a route 355Sign in with a passkey 356Sign in with Google 360Add light and dark themes 370Accept a file 375Call a GraphQL API 380Embed a video 385Answer an API route 390Animate page changes with view transitions 395Keep page state across navigation 397Keep pages for reading offline

Test and ship

400Test a loader 410Ship it 420Debug a page in production 430Make a page fast 440Find broken links 450Set a content security policy

Rust

500Move a loader into Rust 510Add FSR to an existing Rust service 520Serve Tera templates from Rust

Desktop

700Open your app in a desktop window 710Open a file from the desktop app

GitHub crates.io

Back to the tutorial

Saffron

#f3a712

Built with SnapFire FSR. It runs on Rust with no Node.js on the server.

Made by Excerion Sun LLC

For AI agents: llms.txt