Academia is an editorial Astro 7 theme built for course creators, online coaches, independent educators, training studios, and small academies selling free and paid courses without a monthly LMS.
The theme is designed for static-first publishing with structured course content, fast page loads, minimal dependencies, and reusable Astro components. Courses and lessons are managed through Astro content collections with validated frontmatter for price, level, instructor, duration, what you'll learn, per-lesson previews, video, attachments, and quizzes. Enrollment, sign-in, progress, quiz scores, and orders run on a documented browser-storage demo backend, so the whole student journey is clickable before you wire a real payment or auth provider.
Key Features
- Built with Astro 7, Tailwind CSS 4, and TypeScript
- Editorial course platform design with light/dark design tokens
- Home, catalog, course, lesson, quiz, completion, certificate, track, tag, checkout, account, auth, about, instructors, contact, privacy, styleguide, RSS, robots, sitemap, and 404 pages
- Astro content collections for courses, lessons, and reviews, validated at build time
- Free and paid courses in one field; any price gates the non-preview lessons
- Preview lessons on paid courses, with Preview and locked states in the curriculum
- Progress tracking with "Complete & continue", curriculum checkmarks, per-course progress bars, and a dashboard resume area
- Printable completion certificates in A4 or Letter, saved as a PDF from the browser's print dialog, with a gold seal and the instructor's signature
- Multiple-choice quizzes authored in frontmatter with per-answer explanations, instant grading, retakes, saved scores, and gating behind the lessons they check
- Video lessons from a YouTube id, held behind a click-to-play still and served privacy-enhanced
- Rich lesson content from plain markdown: callouts, toggles, pull quotes, galleries, figures, code, and scrollable tables
- Lesson attachments from frontmatter: downloads, audio, and bookmark cards with build-time Open Graph previews
- All-Access Pass with one configurable bundle price, an auto-computed savings line, and guarded entry points
- Multi-course cart drawer, cart-driven checkout with order summary, optional billing and VAT blocks, and order history
- Student account area with dashboard, my courses, purchase history, and profile
- Sign in, register, forgot password, and reset password screens behind one documented seam, plus optional Google sign-in
- Demo backend in browser storage for enrollment, sign-in, completion, quiz scores, and orders
- Filterable catalog by track, access, price, level, and length, mirrored to the URL for shareable views
- Reviews with a ratings summary, distribution bars, student submissions, and schema.org aggregateRating
- Six per-track colors, expanding homepage track panels, view transitions with a shared-element cover morph, scroll reveals, and count-up stats, all honoring prefers-reduced-motion
- Config-driven site metadata, navigation, pricing, tracks, instructors, account menu, newsletter, and SEO defaults
- Canonical URLs, Open Graph, Twitter/X cards, RSS feed, robots.txt, and sitemap generation
- WebSite and schema.org Course JSON-LD with offers
- Accessible skip link, landmarks, labelled forms, keyboard-friendly controls, visible focus styles, and WCAG AA contrast
- Self-hosted Instrument Sans and Geist Mono fonts
- Local Lucide icons
- Optimized Astro images from local assets
- Minimal dependencies and static-first output
- Deployable to Vercel, Netlify, Cloudflare Pages, or any static host
Best For
- Online course creators
- Independent educators
- Coaches and trainers
- Training studios and academies
- Membership and all-access sites
- Cohort and self-paced programs
- Workshop and masterclass sellers
- Certification and CPD providers
- Creator-led education brands
- Static course catalogs
