SnapFire FSR Tutorials

Each one is a follow-along. Install two crates, run fsr new and build the thing in the title.

Start here

  1. 010Build your first pagefor anyone who hasn't run FSR yet
  2. 020Build a counter with no JavaScriptfor anyone new to server islands
  3. 030Add a working cartfor app developers

Data and rendering

  1. 100Let FSR cache it for youfor anyone who has hand-tuned a cache before
  2. 110Prerender a blog at build timefor anyone with pages that hold still between deploys
  3. 120Find out what won't compilefor app developers

Choosing a frontend

  1. 200Write your islands in Vuefor anyone who would rather write Vue than React
  2. 210Interactivity with no framework at allfor anyone who wants interactive pages without shipping React or Vue
  3. 220React and Vue on one pagefor anyone mid-migration or with two teams who won't agree on a framework
  4. 230Write your pages in Terafor anyone who'd rather write templates than TSX, without giving up loaders

Growing the app

  1. 300Run one app on two domainsfor anyone running one app on two domains
  2. 310Put a docs site inside your appfor app developers
  3. 320Port a Next.js routefor anyone coming from Next.js
  4. 330Add a library without npmfor anyone who needs a real library and has no package.json
  5. 340Google Analytics behind a consent bannerfor app developers

Test and ship

  1. 400Test a loader without a browserfor anyone who wants a test suite they'll actually run
  2. 410Ship itfor whoever has to put this on a server
  3. 420Debug a page in productionfor whoever shipped and got a page that's wrong

Rust

  1. 500Move a loader into Rustfor Rust developers who'd rather not write the TypeScript
  2. 510Add FSR to an existing Rust servicefor platform engineers who already have a Rust service
  3. 520Render with Tera and no TypeScriptfor Rust developers who want the routing, loaders and actions without React

Built with SnapFire FSR. Pure Rust runtime, zero Node.js on the server.

Proudly Created by Excerion Sun LLC