Landing Page Documentation Website
Modern documentation website with a landing page concept
Section titled “Modern documentation website with a landing page concept”Docuna is a documentation theme built on Astro JS and Starlight.
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 DemoWhat you get
Section titled “What you get”- 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.
Who it is for
Section titled “Who it is for”- 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.
Who it is not for
Section titled “Who it is not for”- Projects that need a full visual CMS with a live editor.
- E-commerce or booking sites — Docuna is focused on documentation and landing pages.
What is included
Section titled “What is included”- 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
How it works
Section titled “How it works”- Download the project from the store.
- Run
npm installandnpm run devto start locally. - Edit JSON files in
src/data/to update the navbar, footer, and landing sections. - Write documentation articles in
src/content/docs/. - 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.
Get Docuna
Section titled “Get Docuna”Prefer to try before you buy? You can browse the live demo first:
Run Demo