Ship a Senior-Level Portfolio in Minutes, Not Weeks.
As developers, we spend hours tweaking configurations, hunting for CSS hex codes, and setting up routing instead of actually showcasing our work. Zutra Portfolio v2 is the antidote.
Built by Zutra Agency, this is a highly opinionated, production-ready Astro 6 template designed for developers, designers, and creators who want an elite online presence without the setup headache.
π₯ Why this template stands out:
- π¨ Real-Time HSL ThemePicker: Stop hardcoding colors. Let your users (or yourself) change the entire site's primary color scheme in real-time using dynamic HSL variables. Full Dark/Light mode integration natively built-in.
- βοΈ Supreme Developer Experience (DX): No spaghetti code. Manage your entire siteβs SEO, global metadata, and social links from one single, centralized <code>site-config.ts</code> file.
- π‘οΈ Bulletproof Content (Zod): Sleep well knowing your markdown content is strictly typed via Astro Content Collections. Missing a date in your frontmatter? The build fails and tells you exactly why. Zero production errors.
- πͺ App-like Feel: Native View Transitions provide seamless, fluid navigation between your blog, projects, and services without a single browser reload.
- β‘οΈ Unmatched Performance: Built on Astro's Island Architecture and Tailwind CSS. Expect 100/100 across the board on Google Lighthouse.
- π± Glassmorphism UI: A modern, fully responsive aesthetic featuring subtle background blurs, elegant typography, and highly polished UI components.
π¦ What's inside?
- Blog, Projects, and Services collections.
- Custom 404 page.
- SEO and Open Graph tags pre-configured.
- A comprehensive Setup Bible for one-click deployment to Cloudflare Pages, Vercel, or Netlify.
Stop building your portfolio from scratch. Grab this template, customize your config, and let your work speak for itself.