Skip to content

Landing Page Documentation Website

Modern documentation website with a landing page concept

Section titled “Modern documentation website with a landing page concept”

Docuna documentation theme preview

Docuna is a documentation theme built on Astro JS and Starlight.

Astro Car — Rent Car & Booking Theme

Instead of choosing between a landing page and a documentation site, Docuna gives you both in a single project. The home view works as a landing page, and the rest of the site runs on Starlight’s documentation layout.

Content is managed through JSON, Markdown, and MDX — so you can update the site without touching component code.

Buy This Theme Run Demo
  • Landing page + documentation in one project. No need to maintain two separate sites.
  • Starlight documentation layout. Familiar structure, sidebar navigation, search, and dark mode out of the box.
  • JSON-driven UI. Navbar, footer, and landing sections are configured through JSON files.
  • Markdown and MDX support. Write content in plain Markdown, or use MDX when you need components.
  • Static pages included. Add an About page, Contact page, or custom page without extra setup.
  • SEO-friendly output. Static generation, clean URLs, and metadata support.
  • Responsive layout. Built with Bootstrap grid, works across desktop and mobile.
  • Light and dark mode. Themed consistently across the landing page, docs, and static pages.
  • Developers who want a documentation site with a proper front page.
  • Product teams who need to present a project and its docs in one place.
  • Freelancers who want a clean starter they can adapt for client projects.
  • Projects that need a full visual CMS with a live editor.
  • E-commerce or booking sites — Docuna is focused on documentation and landing pages.
  • Full Astro and Starlight project
  • Landing page with hero, features, and pricing sections
  • Documentation layout with sidebar and search
  • Static pages: About, Contact
  • Header, footer, and widget components
  • JSON configuration files for content and UI
  • CSS themes for light and dark mode
  1. Download the project from the store.
  2. Run npm install and npm run dev to start locally.
  3. Edit JSON files in src/data/ to update the navbar, footer, and landing sections.
  4. Write documentation articles in src/content/docs/.
  5. Deploy to Netlify, Vercel, Cloudflare Pages, or any static host.

If any of this sounds like what you need, the installation guide walks through the setup in a few steps.

Buy This Theme — $35

Prefer to try before you buy? You can browse the live demo first:

Run Demo