astro-starter-portfolio

A minimal, professional portfolio template for Astro. Built for people who want something that looks intentional on day one.

Live Demo · Report an issue

Features

• - Astro 7 — static output, zero client-side JavaScript by default
• - Tailwind CSS v4 — CSS-first config, no `tailwind.config.js` needed
• - Content Collections with a typed Zod schema — add a project by dropping a Markdown file in `src/content/work/`
• - Light & dark mode — class-based, no flash of unstyled theme on load
• - Astro Fonts API — self-hosted Google Fonts, zero layout shift, no third-party requests
• - View Transitions — smooth navigation between pages
• - SEO defaults done right — canonical URLs, Open Graph, Twitter cards, auto-generated sitemap
• - Strict TypeScript — `astro/tsconfigs/strict`, path aliases (`@/components/*`, etc.)
• - Prettier, pre-configured for `.astro` files and Tailwind class sorting
• - One accent color and two font variables control the entire visual identity

License

MIT — see LICENSE. Free to use for personal or commercial projects, attribution appreciated but not required.