Introduction
Add a production-ready, SEO-friendly blog to your React app in minutes.
👋 Welcome to Better Blog
Better Blog is a framework-agnostic, type-safe router and component set for blogs. It supports SSR/SSG, client hydration, and full UI overrides while letting you bring your own data source.
Highlights
- Drop-in blog in minutes: One provider + one catch-all route
- Fully customizable UI: Override any page or loading component
- Bring your own content source: Pluggable
BlogDataProvider
- Works anywhere: Use with any modern framework like Next.js or React Router
- TypeScript-first: Strong types across routes, hooks, and providers
- SEO-first: SSR/SSG helpers and hydration-safe rendering
What you get
- Route-aware blog router and default pages
/posts
- list of posts/posts/new
- create a new post/posts/drafts
- list of drafts/posts/:slug
- view a post/posts/:slug/edit
- edit a post/posts/tag/:tag-slug
- list of posts by tag
- API routes to serve your blog data
GET /api/posts/posts
– list (supportsslug
,tag
,offset
,limit
,query
)GET /api/posts/posts/:slug
– fetch onePOST /api/posts/posts
– createPUT /api/posts/posts/:slug
– updateDELETE /api/posts/:slug
– delete
- Sitemap generation