Northstar

Launch a polished education brand with course pages, instructor profiles, reusable section variants, and bilingual marketing content already mapped out.

Northstar is a premium Astro template for education brands, course creators, academies, training programs, and cohort-based learning businesses. It gives you the core pages an education site needs: polished landing pages, a course catalog, course detail pages, instructor profiles, pricing, FAQ, testimonials, and blog content.

The template is built for marketing and presentation, so it helps you sell the value of your programs without adding student dashboards, payments, or membership complexity. Northstar keeps the structure practical: routes live in clear page files, course and instructor content lives in data collections, reusable copy and settings live in dedicated config and template files, and landing page sections are split into lightweight wrappers plus focused design files.

Key Features

Education Pages

• Premium homepage for course brands, academies, instructors, and training programs
• Alternate landing pages for different campaign angles and program launches
• Course catalog page for showcasing multiple programs
• Course detail layout with curriculum, outcomes, metadata, and conversion sections
• Instructor directory and instructor profile pages
• Pricing, FAQ, testimonials, about, overview, and blog pages included
• Stable section IDs for anchor links and easier page scanning

Content And Editing

• Keystatic CMS integration for editing content through a visual interface
• Markdown and MDX content structure for courses, instructors, blog posts, and custom pages
• English and French content examples included
• Centralized navigation, site metadata, pricing, FAQ, testimonials, and course settings
• Beginner-friendly START_HERE.md guide for quick customization
• Page section comments and data-section attributes for quickly finding editable blocks

Template System

• Reusable landing page builder for reordering sections and changing variants
• Thin wrapper components for hero, about, pricing, FAQ, instructors, testimonials, and course experience sections
• Individual section design files organized in matching folders like hero, about, pricing, and faq
• Editable course and instructor card components
• Shared template settings for course details, instructors, pricing, FAQ, and testimonials
• Full i18n scaffolding with localized routes and config
• Dark and light mode support
• Responsive mobile navigation and polished page layouts
• Section markers that make rearranging pages and linking to specific areas more predictable

Developer Experience

• Built with Astro v6, Tailwind CSS v4, and React
• MDX support for content-rich pages
• Sitemap and Netlify adapter included
• Astro Icon and Tabler Icons support
• Motion utilities and scroll-based animation support
• ESLint, Prettier, and TypeScript-friendly project setup
• Clear project map for finding the files users edit most often
• Future updates included