Back to themes

Polaris

A modern, minimalist portfolio template built with Astro, designed for developers and designers to showcase their projects beautifully. Features a clean design, excellent performance, and developer-friendly codebase.


Cost

Free


Created by
Edu Calvo

Polaris is a modern, minimalist portfolio theme built with Astro that empowers developers and designers to showcase their work with elegance and simplicity. Designed with performance and developer experience in mind, Polaris provides a solid foundation for building professional portfolio websites.


Key Features


Modern Design & User Experience

  • Minimalist Aesthetics: Clean, uncluttered design that focuses attention on your projects
  • Project Showcase: Beautiful grid layout with smooth hover effects that highlight your work
  • Smooth Animations: Subtle animations that enhance user experience without being distracting
  • Responsive Design: Seamless experience across all devices and screen sizes
  • Dark Mode Ready: Easy to implement dark mode with CSS custom properties


Performance & Optimization

  • Lightning-Fast: Built with Astro for optimal performance and static site generation
  • Image Optimization: Built-in image processing with Sharp for fast loading and crisp visuals
  • SEO Ready: Built-in SEO optimizations, meta tags, and automatic sitemap generation
  • Core Web Vitals: Optimized for excellent Lighthouse scores


Developer Experience

  • TypeScript Support: Full type safety throughout the codebase
  • Content Collections: Type-safe content management with Zod schemas
  • Component Architecture: Reusable UI components built with Radix UI primitives
  • Clean Codebase: Well-organized structure that's easy to customize and extend


Content Management

  • Markdown and MDX based content authoring
  • Structured content management with type validation
  • Organized image management with automatic optimization


Technical Stack

  • Astro 6 with TypeScript
  • Tailwind CSS 4 with Typography plugin
  • React 19 with Radix UI primitives
  • Lucide Icons
  • Sharp for image processing
  • Automatic sitemap generation


Getting Started

  1. Install dependencies: pnpm install
  2. Start development server: pnpm dev
  3. Customize your content in src/config/site.json and src/content/projects/
  4. Build for production: pnpm build


Deployment

Polaris can be deployed to any static hosting service including Vercel, Netlify, GitHub Pages, or any static host by uploading the dist folder.


Requirements

  • Node.js 22 or higher
  • pnpm (recommended) or npm