F+Foldkit Plus
HomeLearnPackagesComponentsDemosGitHub ↗

Site

Guides

foldkit-site

  • Overview
  • What this package is
  • 60-second example
  • Core concepts
  • Nested rendering
  • Routed pages
  • The lifecycle wiring
  • Common workflows

Site and the Router

  • Overview
  • What Foldkit gives you
  • What the application writes around it
  • What the Site does with the same routers
  • Side by side
  • How it works
  • What the Site does not do

Creating a site

  • Overview
  • 60 seconds: two nodes and a link
  • Building nodes: options or builder
  • History, once
  • Attaching data: Surfaces
  • The lifecycle wiring: stop hand-writing two branches
  • Stateful pages: one placement
  • Nested rendering without an Outlet
  • Data fetching: declare, then plan
  • Intents that wait for their owner
  • Server rendering a route
  • SEO today
  • Comparison: TanStack Start
  • Limits: when not to build on Site

With Remote and SSR

  • Overview
  • Who owns what
  • The loop, in the browser and on the server
  • Building it
  • On the server: a page with its data in it
  • A static site from the same tree
  • Reading ahead: preload is the same composition
  • Why it is shaped this way
  • When it goes wrong

API

  • foldkit-site

Open source, MIT
Foldkit 0.168 · Effect 4

Site / foldkit-site

NavigationKind

type · packages/site/src/index.ts:368

type NavigationKind = 'history' | 'push'

What a navigation was: history for Back and Forward, push for a link or a Command.

Previousfoldkit-site

Edit on GitHub ↗

This site is a Foldkit Plus application, rendered at build time with foldkit-ssr. Its source

FoldkitEffectGitHub