TanStack Start Blog
Jan 31, 2026 - 1 min read

Code blocks and groups

Code illustration

Single code block

src/routes/index.tsx
1
2
3
4
5
6
7
export function HomePage() {
  return (
    <main>
      <h1>Welcome to your blog</h1>
    </main>
  );
}

Code group

npm install

Another fenced example

frontmatter.json
1
2
3
4
5
6
{
  "title": "My post",
  "description": "A short description",
  "publishDate": "2026-02-01",
  "tags": ["mdx", "template"]
}
# mdx# code# prose-ui
Share this post on:
Back to Top
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.