Astro Boilerplate - An Astro starter template built with TypeScript and Tailwind CSS

Free Astro starter template for a responsive blog and portfolio, with Tailwind styling and React components. Includes SEO basics, RSS feed, pagination, Markdown content, and a dark theme for quick launches.

Astro Boilerplate screenshot
section Blog Pages Included

Includes blog listing, posts, and pagination to ship a complete content site.

search-content SEO Ready Setup

Provides sitemap and robots.txt support to help your site get indexed cleanly.

dark-mode Dark Theme

Comes with a dark blog theme so readers can switch to low-light viewing.

images Lazy Loaded Images

Enables image lazy loading to improve perceived performance on content-heavy pages.

book-wrench Markdown Content

Write posts in Markdown for a simple authoring workflow and fast publishing.

window-code-2 DX Tooling Included

Preconfigured linting, formatting, and git hooks keep code quality consistent in teams.

circle-info-sparkle Overview

Launch a blog and portfolio template with SEO and dark mode

This is a free starter template for shipping a personal site that combines a blog and portfolio on Astro, with optional React components and Tailwind CSS styling. It’s aimed at developers who want a solid baseline for content publishing without spending time assembling common site fundamentals. The project emphasizes a clean, minimal approach while keeping the structure ready for real-world deployment. You get the essentials for writing and presenting posts, plus practical site features that help with discoverability and usability. Use it as a foundation for a personal brand, freelance presence, or a small content-driven marketing site.

What's included

  • Blog post template with Markdown-based content
  • Blog listing with pagination for browsing archives
  • Syntax highlighting for code-focused articles
  • RSS feed generation for subscribers and readers
  • Sitemap and robots.txt support for search engines
  • Dark theme option for the blog experience
  • Responsive layouts that adapt across devices
  • Image lazy loading to improve page loading behavior

Ideal for

  • Developer blogs with technical writing and code snippets
  • Personal portfolio sites with an integrated blog
  • Freelancers showcasing projects alongside articles
  • Small startup or product marketing sites driven by posts
  • Content-first landing pages that need basic SEO scaffolding

SEO considerations

The template includes dedicated plumbing for common SEO needs, including sitemap generation and a robots.txt configuration. It also supports an RSS feed for distribution and subscription workflows, which can be important for blogs and publication-style sites.

Requirements

You’ll need Node.js and npm to install dependencies and run the project locally.

Repository stats
lock-open 0 open issues
star 910 stars
eye 5 watching
code-fork 369 forks
code-commit 115 commits
history 8 months ago
Highlights
circle-check-3 Free & open-source
circle-check-3 Developer friendly
circle-check-3 Minimal code
circle-check-3 Responsive design
circle-check-3 Production ready
circle-check-3 Dark mode
x logo-facebook logo-linkedin

Medsy

$17

A vibrant Next.js medicine ecommerce template

Nextjs Starter

star 12.9k

A complete SaaS starter template

NextJS Landing Page Starter

star 2.1k

SaaS landing page starter template