Built with Astro, Tailwind CSS, and Alpine.js, using static site generation (SSG)
AstroSaaSCorporate Website
blast — Astro SaaS Template
By cjoyau
Blast is an Astro-based blue theme template for business, marketing, SaaS, and startup websites, offering page structures such as multilingual support, light and dark modes, and a contact form.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 3
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 3
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-09-30View source
What stands out
A quick read of the recorded project description.
Includes multilingual support, light and dark modes, and client-side routing
Contains more than 7 pages and over 17 blocks, covering common page structures for business and SaaS
Content Security Policy enabled by default, with automatic sha256 hashing for inline scripts and styles
Integrates Basin contact form and Cloudflare Turnstile spam protection, configured via environment variables
Provides Vitest unit tests, Prettier formatting, and TypeScript configuration
Template Details
Blast is an Astro theme hosted on GitHub, described in its repository as a blue theme for business, marketing, SaaS, and startup websites. The template is built with Astro, Tailwind CSS, and Alpine.js, uses static site generation (SSG), and includes multilingual support, light and dark modes, and client-side routing. The project contains more than 7 pages and over 17 blocks, and provides security-related configurations such as Content Security Policy enabled by default and automatic sha256 hashing for inline scripts and styles. On the development side, it includes Vitest unit tests, Prettier formatting, and TypeScript configuration. The contact form relies on Basin, and spam protection relies on Cloudflare Turnstile; both require configuration through environment variables.
Regarding usage limitations, the template requires Node.js 22 or higher and assumes users have a basic understanding of Astro, HTML, and CSS. Licenses for third-party assets such as demo images, fonts, and icons must be verified separately; the code's MIT license does not cover these assets. Basin and Cloudflare Turnstile are external services and may incur additional costs. The repository does not provide further information about performance, production readiness, or specific business features, and this introduction makes no inferences about them.
AstroSaaSCorporate website
Is it right for your project?
Use Cases
- Build a SaaS product website to showcase features, pricing, and contact entry points
- Create business or marketing landing pages using ready-made blocks to assemble pages
- Establish a multilingual corporate website for a startup
- Brand showcase sites that require light and dark modes and responsive layout
Suitable For
- Front-end developers with a basic understanding of Astro, HTML, and CSS
- SaaS or startup website projects that need a quick start
- Teams looking to deploy marketing sites via static generation
- Business websites that need multilingual and light/dark mode support
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Requires Node.js 22 or higher, and install dependencies using npm
- 2
Create a .env file in the project root and configure BASIN_FORM_ID and TURNSTILE_SITEKEY
- 3
Common commands include npm run dev, npm run build, npm run preview, and npm run test
- 4
For deployment, refer to the official Astro deployment documentation
- 5
Third-party assets such as demo images, fonts, and icons must be verified separately under their respective licenses
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free MIT version in the public repository; 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
- When using, modifying, or distributing the code, retain the original author's copyright notice and the full MIT license.
- Free use, modification, and commercial use are permitted, as is distribution of the code; distribution must still include the copyright and license notice.
- The code is provided as is, and the author does not promise warranties or accept liability for use.
Additional costs & items to verify
- Using this template requires Node.js 22 or higher; lower versions cannot run it.
- The contact form relies on the external Basin service, requiring an account and configuration of the BASIN_FORM_ID environment variable, and may incur additional costs.
- Spam protection relies on the external Cloudflare Turnstile service, requiring configuration of the TURNSTILE_SITEKEY environment variable.
- 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 domain, hosting, database, payment, or AI may incur separate charges.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Node.js 22 or higher.
Original README
BASIN_FORM_ID=<your-form-id>
Original README
https://github.com/cjoyau/blast/blob/main/LICENSEhttps://github.com/cjoyau/blast/blob/main/README.mdTURNSTILE_SITEKEY=<your-sitekey>
Original README
Based on the full MIT license and the repository README · 2026-09-30. 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
- GitHub
- Documentation and maintenance reference score
- More documented · 88 / 100
- Technologies
- Astro
- Website type
- SaaS · Corporate Website
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-09-28
- Screenshot last checked
- 2026-09-30
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.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: a621c16f56c9fb1fcece8df25a81c7128f94db09d9550da04fd86b2861886234
2026-09-30T01:05:35.472Z
Source file / repository# Blast · Blue astro theme Production-ready theme specially designed for Business, Marketing, SaaS and Startup websites. [](https://github.com/cjoyau/blast/actions/workflows/deploy.yml) [](https://sonarcloud.io/summary/new_code?id=cjoyau_blast) [](./LICENSE) [](https://astro.build) [](https://tailwindcss.com) [](https://nodejs.org) ## <img src="public/logo.svg" width="24" height="24" align="top" /> Key Features * **Built with Astro 7, Tailwind CSS v4 & Alpine.js** * **7+ Pages** * **17+ Sections** * **Multi-language** support * **Static site generation** (SSG) optimized * **Content Security Policy** (CSP) enabled by default * **Automatic sha256 hashing** of inline scripts and styles * Clean & Modern Design * Fully Responsive * Dark & Light Mode * Fast & Performant * Super Lightweight * Client Router * **Vitest** Unit Tests * **Prettier** Code Formatter * **Google Fonts** * **Remix Icons** * **Basin** Contact Form * **Turnstile** Spam Protection ## <img src="public/logo.svg" width="24" height="24" align="top" /> Getting Started ### Requirements * Basic knowledge of Astro, HTML and CSS. * Text editor (We recommend Visual Studio Code) * Node.js 22 or higher. ### Environment variables Before you start, make sure to create a `.env` file in the root of your project and add the following environment variables: ``` BASIN_FORM_ID=<your-form-id> ① TURNSTILE_SITEKEY=<your-sitekey> ② ``` 1. Your Basin Form ID. You can find it in your [Basin dashboard](https://usebasin.com/?via=cjoyau). 2. Your Cloudflare Turnstile Site Key. You can find it in your Cloudflare dashboard. ### 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:4321` | | `npm run build` | Check and build your production site to `./dist/` | | `npm run preview` | Preview your build locally, before deploying | | `npm run test` | Starts Vitest unit tests | | `npm run test:coverage` | Run Vitest unit tests with v8 code coverage | | `npm run astro ...` | Run CLI commands like `astro add`, `astro check` | | `npm run astro -- --help` | Get help using the Astro CLI | ## <img src="public/logo.svg" width="24" height="24" align="top" /> Project Structure Inside the project, you’ll see the following folders and files: ``` / 📒 ├── 📂 src/ ① │ ├── 📂 assets/ ② │ │ └── 📂 icons/ ③ │ ├── 📂 components/ ④ │ ├── 📂 i18n/ ⑤ │ ├── 📂 layouts/ ⑥ │ ├── 📂 pages/ ⑦ │ ├── 📂 scripts/ │ │ └── 📄 entrypoint.ts ⑧ │ ├── 📂 styles/ │ │ └── 📄 global.css ⑨ │ └── 📂 tests/ ⑩ ├── 📂 public/ ⑪ ├── 📄 .prettierrc ⑫ ├── 📄 astro.config.mjs ⑬ ├── 📄 package-lock.json ├── 📄 package.json ⑭ ├── 📄 README.md ├── 📄 tsconfig.json ⑮ └── 📄 vitest.config.ts ⑯ ``` 1. Project source code (components, pages, …) 2. Any processed assets (images, svgs, …) 3. Remix icons used as SVG components. 4. Reusable Astro components used to build pages. 5. Internationalization files that contain the translations of the textual content of the site. 6. Astro components that define the UI structure shared by one or more pages. 7. Astro components used to create new pages on your site. Each page is exposed as a route based on its file name. 8. Alpine.js entrypoint. 9. Tailwind configuration file. The theme section is where you define your color palette and fonts. 10. Tests (Vitest unit tests for components, …) 11. Any static assets (images, fonts, icons, …) 12. Prettier configuration file. 13. Astro configuration file. 14. File used by JavaScript package managers to manage your dependencies. It also defines the scripts that are commonly used to run Astro. 15. TypeScript configuration file. 16. Vitest configuration file. ## <img src="public/logo.svg" width="24" height="24" align="top" /> Deployment Ready to build and deploy your site? Follow the [official documentation](https://docs.astro.build/en/guides/deploy/). ## <img src="public/logo.svg" width="24" height="24" align="top" /> License This project is licensed under the terms of the MIT license.
Explore similar templates
Compare previews and descriptions within the same stack and category.
astrowind
AstroWind is a free, open-source Astro starter theme using Astro and Tailwind CSS, released under the MIT license.
Astro · Blog
astro-landing-page
An Astro + Tailwind CSS landing page example template with theme variables, dark mode, responsive layout, and Open Graph tags, under the MIT license, suitable as a starting point for single-page product, event, or corporate homepage sites.
Astro · Corporate Website
Tailcast
Tailcast is a dark-themed corporate website template built with Astro and Tailwind CSS for a fictional startup.
Astro · Corporate Website
Positivus
Positivus is an Astro and Tailwind CSS landing page theme for digital marketing agencies, maintained by manulthanura with a demo on Vercel.
Astro · Corporate Website
qwind
Qwind is a free and open-source website template built on Qwik and Tailwind CSS, featuring directory-based routing via QwikCity, a Markdown blog, dark mode, and static deployment configuration.
Astro · Tool Site
agency-landing-page-Astrojs
A single-page digital agency landing page template built with Astro and Tailwind CSS, featuring light and dark themes and a modular component directory. Suitable for static showcase pages, with MIT-licensed code and third-party assets requiring separate license verification.
Astro · Corporate Website