AEON / SPACE

AEON / SPACE is a cinematic, content-driven space agency website template built on Astro 6, React 19, Tailwind CSS 4, and Framer Motion that turns markdown content collections into editorial landing pages, mission archives, and live launch countdowns.

What is AEON / SPACE?

AEON / SPACE is a free, MIT-licensed Astro template by Lauro Guedes for building content-driven space agency websites. It takes validated markdown files in five content collections — missions, reports, news, departures, and standalone pages — and outputs a static site with interactive React islands for the hero, theme toggle, countdown, and animated stats. The template runs on Astro 6 and ships with build scripts for static, Vercel, and Cloudflare Workers deployments.

Key Features

• Astro 6 + TypeScript — Static-first framework with typed content schemas defined in src/content.config.ts, so invalid frontmatter fails at build time.
• React 19 islands — Interactive components for the home hero, theme toggle, launch countdown, motion sections, and count-up statistics, hydrated only where needed.
• Tailwind CSS 4 styling — Custom design tokens and light/dark variables in src/styles/global.css, including --color-accent-blue, --color-warm-gold, and font families.
• Astro Content Collections — Markdown-driven content for departures, missions, news, reports, and pages, each with its own required frontmatter fields (e.g., departures need launchDate, launchTime, launchSite, and missionWindow).
• Live launch countdown — A React component that computes time remaining from departure frontmatter dates and times.
• Theme-aware branding — Light and dark PNG wordmark and symbol variants in public/brand/, rendered by BrandLogo.tsx with automatic theme detection or fixed-toned modes.
• Responsive navigation — Angled desktop hero nav, a mobile drawer on the home page, and a sticky glassmorphism subpage header that hides on scroll down and reveals on scroll up.
• Multi-layout editorial pages — Dedicated layouts for reports, missions, news, departures, plus singleton pages like /about/, /science/, and /technology/.
• Deployment-ready scripts — npm run build:vercel uses the official @astrojs/vercel adapter; npm run build:cloudflare uses @astrojs/cloudflare v13+ with Wrangler, configured with prerenderEnvironment: 'node'.

Who is it for?

• Science and space agencies looking to publish mission updates, reports, and launch schedules with a cinematic editorial design.
• Fictional or narrative brands (games, films, fiction) that want an immersive agency website with a branded countdown.
• Developers who want a deploy-ready Astro template and prefer editing content in markdown rather than a CMS.
• Designers who need a starting point for a space-themed site with light/dark branding assets.

What can you do with AEON / SPACE?

• Space startups: build a launch page with a live countdown tied to departure frontmatter, and archive past missions under /missions/.
• Science communicators: publish reports and news entries as markdown, with a spectral analysis chart fed by spectrumBars frontmatter in reports.
• Game studios and storytellers: create a fictional space agency site where missions, departures, and news read as an evolving narrative.
• Agencies: use the template as a client starter, rebranding via public/brand/, src/styles/global.css, and src/data/site.ts without touching page code.

How does AEON / SPACE work?

The template uses Astro's file-based routing and Content Collections: each markdown file in src/content/ becomes a page under routes like /missions/, /reports/, /news/, and /departures/. You customize the site by replacing brand assets, editing global CSS tokens, updating site metadata in src/data/site.ts, and adding content files; builds are run with npm run build for static output or platform-specific scripts.

Pricing

AEON / SPACE is free and open source under the MIT license, as labeled in the repository.

FAQ

Is AEON / SPACE free?

Yes, the template is released under the MIT license, so you can use it for personal and commercial projects without licensing fees.

What Node.js version does it require?

The README lists Node.js 22.12.0 or later as a prerequisite, along with npm.

Can I deploy AEON / SPACE to Vercel or Cloudflare Workers?

Yes. The project includes npm run build:vercel with the official @astrojs/vercel adapter and npm run build:cloudflare with @astrojs/cloudflare and Wrangler for Workers deployments.

What content types are included?

The template ships with collections for missions, reports, news, departures, and singleton pages, each validated by TypeScript schemas in src/content.config.ts.

Does it include a light/dark mode?

Yes, a theme toggle persists user preference and switches theme-aware brand assets and Tailwind tokens between dark and light contexts.