TSS Blog Starter 🏝️

A blog/portfolio starter project built with TanStack Start.

Demo

https://tss-blog-starter.pages.dev/

Features

• React-19
• MDX and Markdown support
• Syntax highlighting
• Tailwind CSS
• Custom fonts
• Font optimisation (coming soon)
• Light/dark mode toggle (coming soon)
• Dynamic OG images (coming soon)

Tech

• TanStack Start
• Tailwind CSS
• shadcn/ui
• Content Collections

Getting Started

There are two ways of initializing the tss-blog-starter app. You can either use this repository as a template or manually clone the app.

Template

Use this template

Manually

Clone project

  git clone [email protected]:ally-ahmed/tss-blog-starter.git
  cd tss-blog-starter

Install depndencies

pnpm install

Run app

pnpm dev

Deployment

Currently using cloudflare as the deployment target in tss-blog-starter. To deploy to other targets see TanStack Start docs on deployment.

Roadmap

• Finish up On this page component
• Dynamic OG image generation
• Image optimisation

Acknowledgements

• UI inspired by Vercel portfolio blog starter
• Orc Dev screen size component
• shadcn-ui/taxonomy
• antfu/eslint-config