TSX Pipeline Hello World
Building React components as first-class content alongside Markdown with dynamic imports and server rendering.
May 8, 2026This is the first piece of TSX-as-content on the site. The title, description, and date above this paragraph come from the database — this file only renders the body.
Why this matters
Markdown is the public standard. TSX content is the private power. Same URL pattern (/posts/[slug]), same header chrome, but the body can be any React component you want.
If you can see this card with shadcn styling, the dynamic import wired up correctly and Server Component rendering works inside the existing route shell.
What gets stored in the DB
Slug, title, description, tags, type — generated by Claude from this file's source. The format column says tsx, so the route knows to dynamic-import instead of reading markdown.