The blog uses a calming green seed colour for a readable, content-first experience. The page leads with a large featured article card, followed by an article list showing title, excerpt, author, and reading time. A newsletter section at the bottom invites readers to subscribe.
The blog uses a calming green seed colour for a readable, content-first experience. The page leads with a large featured article card, followed by an article list showing title, excerpt, author, and reading time. A newsletter section at the bottom invites readers to subscribe.
View Live PreviewFeatured article hero card with category chip
Article listing with hover transitions
Category chips and reading time estimates
Author avatars and bylines
Category navigation header with RSS icon
Newsletter signup section with email input
Clean content-focused typography
Light/dark mode support
app/layout.tsx — Root layout with MD3Provider
app/providers.tsx — Theme with green seed colour
app/page.tsx — Blog index page composition
app/components/BlogHeader.tsx — Category navigation
npx degit your-org/md3-templates/blog my-blogcd my-blog && npm installnpm run devOne-time purchase. Lifetime access and updates.
Live PreviewIncludes:
Full source code
Next.js App Router ready
TypeScript throughout
Light & dark mode
Customisable seed colour
Free updates