Skip to content
LogoLogo

Server-Side Rendering

Render a Picked Page on your server so that search engines can read it. Then hydrate the page on the client. This page shows the whole shape. The pages after it cover each part.

The server entry point

The server helpers live in a dedicated entry point, so a browser bundle never holds them:

import { serialize, registerProjectConfig } from '@picked/client/server'
import type { PickedSnapshot } from '@picked/client/server'

Go to Server Snapshot for the serialize() reference. Go to Rendering and Hydration to connect React and Svelte. Go to Slots and Placements for how a slot chooses an experience. If the SDK is new to you, read Installation first.