---
title: "Odyssey"
description: "A modern, full-featured theme for a business or startup marketing site."
url: "https://vercel.com/templates/astro/odyssey"
links:
  repository: "https://github.com/treefarmstudio/odyssey-theme"
  demo: "https://odyssey-theme.sapling.supply/"
  deploy: "https://vercel.com/new/clone?demo-title=Odyssey&demo-description=A+modern%2C+full-featured+theme+for+a+business+or+startup+marketing+site.&demo-url=https%3A%2F%2Fodyssey-theme.sapling.supply%2F&demo-image=%2F%2Fimages.ctfassets.net%2Fe5382hct74si%2F1CXqjlGU4uJ9UMoOfsB1wD%2Fb386044c1f4833ea73670af2852dc718%2Fodyssey-hero_-_Tony_Sullivan.png&project-name=Odyssey&repository-name=odyssey&repository-url=https%3A%2F%2Fgithub.com%2Ftreefarmstudio%2Fodyssey-theme&from=templates&skippable-integrations=1"
---

# Odyssey

A modern, full-featured theme for a business or startup marketing site.

<p align="center">
  <img src="assets/gh-banner.png" alt="Odyssey Theme Banner">
</p>

<br/>
<div align="center">
  <a href="https://twitter.com/jaydanurwin">
  <img src="assets/twitter-badge.svg" alt="Follow Jaydan Urwin on Twitter"/>
</a>
  <a href="https://sapling.lemonsqueezy.com/checkout/buy/9b78751f-6382-442d-ac99-32c2318b70a0">
    <img src="assets/sponsor-badge.svg" alt="Sponsor This Repo" />
  </a>
</div>
<br/>

# Odyssey Theme

Odyssey Theme is a modern theme/starter for a business or startup's marketing website. It provides landing page examples, a full-featured blog, contact forms, and more. It is fully themeable to match your business' branding and style. It even includes a theme switcher component to show how easily the entire style of the site can be changed with only a few lines of CSS.

## Features

<p align="center">
  <img src="assets/lh-screenshot.png" alt="Screenshot of perfect score in Lighthouse benchmark">
</p>


- ✅ **A perfect score in Lighthouse**
- ✅ **Blazing fast performance thanks to Astro 🚀**
- ✅ **A Full Featured Blog with Tagging**
- ✅ **Fully theme-able styles with for buttons, shapes, backgrounds, surfaces, etc.**
- ✅ **Responsive, mobile-friendly landing pages**
- ✅ **SEO Best Practices (Open Graph, Canonical URLs, sitemap)**
- ✅ **Performant Local Fonts Setup**
- ✅ **Contact Forms Setup for Netlify, Formspree, Formspark, etc.**
- ✅ **A package of ready-to-use UI components**


## Demo

View a [live demo](https://odyssey-theme.sapling.supply/) of the Odyssey Theme.

## Documentation

1. View the [Theme Setup Guide](https://odyssey-theme.sapling.supply/theme/theme-setup)
2. View the [Customizing the Theme Guide](https://odyssey-theme.sapling.supply/theme/customizing-odyssey)

## Usage

```bash
cd theme

npm install

npm start
```

## Deploy

Feel free to deploy and host your site on your favorite static hosting service such as Netlify, Firebase Hosting, Vercel, GitHub Pages, etc.

Astro has [an in-depth guide](https://docs.astro.build/en/guides/deploy/) on how to deploy an Astro project to each service.

## Sponsor

If you find this theme useful, please consider donating to support the continued development of it with the link below

[Donate to Odyssey Theme](https://sapling.lemonsqueezy.com/checkout/buy/9b78751f-6382-442d-ac99-32c2318b70a0)

## Support

Please feel free to post issues or submit PRs to this repo and we will do our best to respond in a timely manner, keeping in mind this template is offered for free as is on GitHub.

## Related Templates

### [Welcome to Astro](https://vercel.com/templates/astro/welcome-to-astro)

The official 'Getting Started' template for Astro.

### [Astroship](https://vercel.com/templates/astro/astroship)

Starter template for startups, marketing websites & blogs built with Astro and TailwindCSS.

### [Astro Boilerplate](https://vercel.com/templates/astro/astro-boilerplate)

An Astro site, using the basics starter kit.

---

## Additional documentation

The [Vercel Knowledge Base](https://vercel.com/kb) contains guides and answers to common questions about Vercel, including deployment, framework configuration, domains, caching, and troubleshooting.