LogoA Template
icon of Astro Portfolio Starter

Astro Portfolio Starter

Astro portfolio starter: simple, minimal design with Tailwind CSS, MDX blog support, theme switcher, and view transitions.

Introduction

Astro Portfolio Starter

A simple portfolio starter and blog theme for Astro.

Features
  • Clean and minimal design
  • Tailwind CSS v4.
  • Blog with MDX markdown content for posts. Also supports Vue and React components directly within the Markdown.
  • Theme Switcher with Light and Dark Mode
  • View Transitions using Astro's implementation
  • Tags for posts
  • Basic pagination
  • Syntax highlighting
  • Illustrations from unDraw
  • 404 Page
Installation
  1. Clone the repo: git clone https://github.com/drehimself/astro-portfolio-starter.git
  2. cd astro-portfolio-starter
  3. npm install
  4. npm run dev to start a local dev server. npm run build to build app for production.
Notes
  • Based off my other project built in Gridsome a few years ago: Gridsome Portfolio Starter

Astro Portfolio Starter screenshot | ATemplate.com

A template
Copy badages awards

Newsletter For Templates

Join the Community For Templates

Subscribe to Templates newsletter for the latest news and updates