Solara — Premium Astro Portfolio Theme
Solara is a premium Astro 6.4 portfolio theme built for designers, developers, creative directors, photographers, freelancers, studios, consultants and personal brands. It feels editorial, personal, conversion-focused and commercially polished — without requiring an external CMS, CRM, backend or database.
Key Features
✅ Astro 6.4 + TypeScript
✅ Tailwind CSS with custom editorial design tokens
✅ Cinematic scroll animations powered by Motion & Lenis
✅ WebGL hero, custom cursor, smooth scroll (all configurable)
✅ Astro Content Collections for projects, journal posts & testimonials
✅ MDX support for rich case studies and articles
✅ Cinematic case study layouts with pinned narratives & scroll galleries
✅ Homepage signature sections: Scroll Zoom Hero, Pinned Horizontal Project Rail, Sticky Project Showcase, Image Handoff, Case Study Zoom Preview
✅ 12 pages: Home, Work, Case Studies, About, Services, Process, Journal, Contact, Resume, Styleguide, 404
✅ Mailto-powered contact form (no backend required)
✅ SEO, Open Graph, Twitter cards & JSON-LD structured data
✅ RSS feed & sitemap
✅ Astro Image pipeline (WebP/AVIF optimization)
✅ Procedurally generated demo images (no stock photo license needed)
✅ Fully responsive with prefers-reduced-motion support
✅ Deploy-ready for Netlify, Vercel & Cloudflare Pages
Tech Stack
- Astro 6.4
- TypeScript
- Tailwind CSS
- Motion (
motion) + Lenis - Three.js (optional WebGL hero)
- @astrojs/mdx, @astrojs/sitemap, @astrojs/rss
Pages Included
- Home
- Work`
- Project case studies
- About
- Services
- Process
- Journal
- Article
- Contact
- Resume
- Styleguide
- 404
Customization
All buyer-facing configuration lives in src/data/ — site info, profile, navigation, socials, contact, services, process, resume, FAQs, stats and animation settings. Colors and typography are controlled via tailwind.config.mjs and global.css.
Theme created by Noel Dario Andres — https://noel.marketing
