Skip to content

docs: server components preview pages - #1691

Draft
ryansolid wants to merge 1 commit into
v2-rebuildfrom
claude/project-thread-888i11
Draft

ryansolid wants to merge 1 commit into
v2-rebuildfrom
claude/project-thread-888i11

Conversation

@ryansolid

Copy link
Copy Markdown
Member

Requested by Ryan · project thread

  • I have read the Contribution guide
  • This PR references an issue (except for typos, broken links, or other minor problems)

Description(required)

Adds a Building apps › Server components section for the experimental server components preview. Every page carries the experimental framing, and the first page has a caution callout saying the API and wire format are outside Solid 2.0's stability guarantees. Not for merge yet.

New pages:

  • Server components (/building-apps/server-components): enabling with serverFunctions: { components: true }, the query(async (id) => { "use server"; …; return (props) => <jsx/> }, key) form, mounting with dynamicComponent, what the arguments and props mean, changing the arguments, serverRouteComponent, the trade-offs, and common problems.
  • Client components in server markup (/building-apps/server-components/client-components-in-slots): Slot<Props>, occurrences, reactive slot props, an optimistic toggle in a slot, JSX arguments that wrap server markup, the rule about placing slots as elements rather than calls, $key on occurrences and on elements, asyncArg, and the three ways to add behavior to server markup.
  • Keep server components fresh (/building-apps/server-components/keeping-fresh): revalidation after form mutations (aria-busy), single-flight through serverFunctions.configure + createFlightDataCollector, HTTP caching through respond(), liveQuery live server components, liveQuery(broadcast(fn)) and its capture rule, and prerendered() from @solidjs/prerender.

Smaller edits: a glossary entry for Server component, and links from the durable generation callout and the server-functions reference index.

Sources are the next branch of solidjs/solid: RFC 10 (live, broadcast), RFC 11, documentation/server-components/, packages/web/skills/server-components/SKILL.md, the frames typings, the router's serverRouteComponent typings (2.0.0-next.44), the @solidjs/prerender 0.3.0 README, and the notes, todos-server, hackernews, chat and server-dbmon examples.

Checks: pnpm lint:tone reports no errors. check:examples reports no errors for the new pages when run against the published rc.21 packages, router next.44 and vite-plugin next.51 (no local checkouts). The examples have not been run in an app; they follow the repo examples, with stand-ins (database, renderMarkdown, inventory, orders) named as such. Per WRITING.md, a maintainer needs to own and run the examples before merge.

Related issues & labels

  • Suggested label(s) (optional): documentation

Generated by Claude Code

Adds Building apps > Server components, marked as an experimental
preview: writing and mounting a server component (query form,
dynamicComponent, serverRouteComponent), client components in slots
(Slot, slot args, JSX args, $key, asyncArg, behavior on server markup),
and keeping server markup fresh (revalidation and single-flight,
HTTP caching, liveQuery, broadcast, prerendered). Links the new pages
from the glossary, the durable generation guide and the server
functions reference index.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0117BoWLiifuXgUvKNu9na8H
@bolt-new-by-stackblitz

Copy link
Copy Markdown

Review PR in StackBlitz Codeflow Run & review this pull request in StackBlitz Codeflow.

@ryansolid ryansolid self-assigned this Nov 10, 2026
@netlify

netlify Bot commented Nov 10, 2026 •

Copy link
Copy Markdown

✅ Deploy Preview for solid-docs-v2 ready!

Name Link
🔨 Latest commit 400b302
🔍 Latest deploy log https://app.netlify.com/projects/solid-docs-v2/deploys/6af3a6a8b40b88166dd371f6
😎 Deploy Preview https://deploy-preview-1691--solid-docs-v2.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
🤖 Make changes Run an agent on this branch

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants