AstroSaaSCorporate WebsiteStarter

Astro-idol — Astro SaaS Template

By LaB-CH3

Astro Idol is a landing page template for micro SaaS products built with Astro and Skeleton CSS, released under the MIT license, and includes common section components needed for a homepage.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-04View source

What stands out

A quick read of the recorded project description.

01

Built with Astro, styled with Skeleton CSS

02

Provides homepage section components including Header, Hero, Brief, Customer, Pricing, and Footer

03

Page routing is determined by .astro or .md files under src/pages, with static assets placed in the public directory

04

The README lists npm commands for installation, development, build, preview, and the Astro CLI

05

The public repository version uses the MIT license and can be used, modified, commercialized, and distributed for free

Template Details

Astro Idol is a landing page template for micro SaaS products, built with Astro and styled with Skeleton CSS. The project structure is clear: src/components provides six section components—Brief, Customer, Footer, Header, Hero, and Pricing; src/layouts/Layout.astro provides the page layout; src/pages/index.astro is the homepage entry point; and the public directory is used for static assets such as the favicon. The README's commands cover dependency installation, local development (default localhost:3000), production build (output to ./dist/), local preview of the build result, and invoking the Astro CLI via npm run astro. The public repository version uses the MIT license, permitting use, modification, commercial use, and distribution, provided copyright and license notices are retained; the README also mentions a paid Astrodol Pro version, which is not included in this listing. Third-party assets such as demo images, fonts, and icons require separate license verification, and external services such as domains and hosting may incur additional charges.

AstroSaaSCorporate websiteStarter

Is it right for your project?

Use Cases

  • Building a single-page landing page for a micro SaaS product
  • Using it as an Astro project starter template and replacing copy and section content
  • Referencing its component breakdown and layout approach within an existing Astro site

Suitable For

  • Developers who need to quickly build a SaaS product introduction page
  • Teams using Astro who want to organize homepage sections as components
  • Users who accept the MIT license terms and need to independently verify third-party asset licensing

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Run npm install to install dependencies, and npm run dev to start the local development server (default localhost:3000)

  2. 2

    Use npm run build to generate the production site into ./dist/, and npm run preview to preview the build result locally before deployment

  3. 3

    CLI commands such as astro add and astro check can be executed via npm run astro ...

  4. 4

    The README mentions a paid Astrodol Pro version; the free code included in this listing does not contain that version's content

  5. 5

    Third-party assets such as demo images, fonts, and icons must be verified separately under their respective licenses, and services such as domains and hosting may incur additional charges

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This listing covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.

Must comply with when using

  • The code of this version may be used, modified, commercialized, and distributed for free.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The project materials mention optional paid versions or features; this listing includes only the public free code and does not include paid upgrades.
  • Demo images, fonts, icons, and other third-party assets must be verified under their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
  • The README explicitly points to the paid Astrodol Pro version; the free repository does not include that Pro version's content, and Pro features require separate payment.
  • That link points to the author's other template collection, which is an external resource and not part of this template.
  • The README requests voluntary donations to support the author; this is an optional sponsorship request and does not affect free use.
View Original Text Basis

Permission is hereby granted, free of charge

Original License Text

### Upgrade to Astrodol Pro version

Original README

Check out [LAB-CH3](https://github.com/LaB-CH3) for a growing collection of current and future templates.

Original README

If you’ve found this helpful, consider fueling my creativity!

Original README
https://github.com/LaB-CH3/Astro-idol/blob/main/LICENSEhttps://github.com/LaB-CH3/Astro-idol/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-04. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
Astro Themes
Documentation and maintenance reference score
More documented · 92 / 100
Technologies
Astro
Website type
SaaS · Corporate Website · Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-01-28
Screenshot last checked
2026-10-04

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Astro as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Review declaration: [email protected] · 2026-10-05

Inspect the recorded source material

SHA-256: 2574f09697092e82cdc511b97ed3abd5aa1dfe39a08b3bb2e200d58f15ac6957

2026-10-04T17:45:48.696Z

Source file / repository
# Astro Idol

Landing page template for mirco SaaS products

### Live demo

(https://idol.indiebold.com/)

### Upgrade to Astrodol Pro version

(https://idolpro.indiebold.com/)

## 🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

```
/
├── public/
│   └── favicon.svg
├── src/
    ├── assets/
│   ├── components/
│   │   └── Brief.astro
        └── Customer.astro
        └── Footer.astro
        └── Header.astro
        └── Hero.astro
        └── Pricing.astro
│   ├── layouts/
│   │   └── Layout.astro
│   └── pages/
│       └── index.astro
└── package.json
```

Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.

Any static assets, like images, can be placed in the `public/` directory.

## Preview

![basics](./src/demo/idol-thumbnail.png)

## 🧞 Commands

All commands are run from the root of the project, from a terminal:

| Command                   | Action                                           |
| :------------------------ | :----------------------------------------------- |
| `npm install`             | Installs dependencies                            |
| `npm run dev`             | Starts local dev server at `localhost:3000`      |
| `npm run build`           | Build your production site to `./dist/`          |
| `npm run preview`         | Preview your build locally, before deploying     |
| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
| `npm run astro -- --help` | Get help using the Astro CLI                     |

## 👀 Curious to Explore More?

Check out [LAB-CH3](https://github.com/LaB-CH3) for a growing collection of current and future templates.

If you’ve found this helpful, consider fueling my creativity!  
[![Buy me a coffee](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://ko-fi.com/indieteamofone)
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.