Feb 2, 2026 - 2 min read

Welcome to TanStack Start Blog

Workspace illustration
Template starter

This repository is a starting point. Update the site constants, the about page, and these posts to make it yours.

What ships in the box

TanStack Start SSR

File-based routes, loaders, and SSR in one cohesive stack.

Cloudflare Workers

Deploy to the edge with a fast, minimal runtime.

MDX + Prose UI

Polished typography and components for Markdown and MDX.

RSS + sitemap

Generated feeds and site maps for SEO and syndication.

Remotion OG images

Branded social previews you can regenerate per post.

Typed content collections

Frontmatter, content, and mdast all strongly typed.

Quick personalization checklist

  1. Update site constants

    Edit src/consts.ts with your title, description, and canonical URL.

  2. Refresh the about page

    Replace src/data/pages/about.mdx with your bio, projects, and contact info.

  3. Replace the demo posts

    Swap out the MDX examples with your real content when you are ready.

Frontmatter example

Every post lives in src/data/posts and starts with frontmatter:

src/data/posts/my-first-post.mdx
1
2
3
4
5
6
7
8
---
title: "My first post"
description: "What I learned building my first TanStack Start app."
publishDate: "2026-02-01"
tags:
  - tanstack-start
  - notes
---
Next step

Run npm run dev and open the home page. You should see this post and the rest of the template content.

YN

Hi, I'm Mohamed Afifi. I'm a mobile engineer and founder based in Toronto 🇨🇦. I write deep dives and working systems for developers who value quality, iteration speed, and scalable codebases.