Astro static site generation, paired with Preact components and TailwindCSS styling
AstroBlog
nimbus-narratives — Astro Blog Template
By abdufelsayed
A personal blog theme built on Astro, Preact, and TailwindCSS, offering light and dark modes, Markdown/MDX content, post series, sitemap, and RSS support.
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-10-02View source
What stands out
A quick read of the recorded project description.
Supports Markdown and MDX content, and provides a post series organization method
Built-in light and dark mode switching
SEO-related configuration includes canonical URLs and OpenGraph data
Supports sitemap and RSS feed output
The repository uses the MIT license, allowing free use, modification, commercial use, and distribution
Template Details
nimbus-narratives is a personal blog theme built with Astro, using Preact for interface components and TailwindCSS for styling. The repository README lists capabilities including: a minimal style, light and dark mode switching, SEO-related canonical URLs and OpenGraph data, sitemap, RSS feed, Markdown and MDX content support, and a post series organization method.
The project structure follows Astro conventions: public/ holds static assets, src/ is divided into components, content, layouts, and pages directories, and the root contains astro.config.mjs, package.json, and tsconfig.json. Content is placed as Markdown/MDX files in src/content, and pages and layouts are generated by Astro routing.
Usage is for local development: npm install to install dependencies, npm run dev to start the development server at localhost:3000, npm run build to output to ./dist/, npm run preview to preview the build locally before deployment, and npm run astro to invoke the Astro CLI. The repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code; when distributing, the copyright notice and license text must be retained. Third-party assets such as demo images, fonts, and icons, as well as external services such as domains and hosting, are not covered by this license and must be checked and borne separately. The README's description of Lighthouse scores is the author's own statement and has not been independently verified in this material.
AstroBlog
Is it right for your project?
Use Cases
- Building a personal technical blog written in Markdown/MDX
- A content site that needs RSS feed and sitemap output
- Writing scenarios that want to organize serialized content in post series form
- Needing a clearly structured Astro blog starting point and modifying styles and components as needed
Suitable For
- Individual developers familiar with Astro or willing to learn Astro content collections
- Bloggers focused on text content who need light and dark modes and basic SEO configuration
- Users who want to modify and deploy based on MIT-licensed code themselves
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
Run npm install in the project root to install dependencies
- 2
npm run dev starts the local development server, default address localhost:3000
- 3
npm run build generates the production site to ./dist/, and npm run preview allows local preview before deployment
- 4
Content files are placed under src/content, while pages, layouts, and components are located in src/pages, src/layouts, and src/components respectively
- 5
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses; external services such as domains and hosting may incur separate charges
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version under the MIT license in the public repository; the free scope is the code of this version and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version of the code are permitted.
- 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
- Demo images, fonts, icons, and other third-party assets must be checked 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 separate charges.
View Original Text Basis
https://github.com/abdufelsayed/nimbus-narratives/blob/main/LICENSEhttps://github.com/abdufelsayed/nimbus-narratives/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-02. 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
- Partly documented · 72 / 100
- Technologies
- Astro
- Website type
- Blog
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
- 2024-04-06
- Screenshot last checked
- 2026-10-02
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: fadd6f13cf1951e620f3d698a20dae792923d1676e35f0cf7dcfd6d9d8814927
2026-10-02T09:50:56.302Z
Source file / repository# Personal Blog using Astro, Preact, and TailwindCSS  ## Features - ✅ Minimal styling - ✅ Light/Dark mode - ✅ 100/100 Lighthouse performance - ✅ SEO-friendly with canonical URLs and OpenGraph data - ✅ Sitemap support - ✅ RSS Feed support - ✅ Markdown & MDX support - ✅ Post series ## 🚀 Project Structure Inside of your Astro project, you'll see the following folders and files: ``` ├── public/ ├── src/ │ ├── components/ │ ├── content/ │ ├── layouts/ │ └── pages/ ├── astro.config.mjs ├── README.md ├── package.json └── tsconfig.json ``` ## 🧞 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 |
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-paper
AstroPaper is a minimal, responsive, accessible, and SEO-friendly Astro blog theme. Articles are stored as Markdown/MDX in src/content/posts/, with subdirectories affecting URLs.
Astro · Blog
fuwari
Fuwari is a static blog template built with Astro and Tailwind CSS for personal blogs. It manages posts as Markdown files in src/content/posts/, with frontmatter for title, date, description, cover, tags, categories, draft status, and language.
Astro · Blog
Firefly
Firefly is a clean personal blog theme forked from Astro and Fuwari, offering four background modes, single/double sidebar and list/grid layouts, Pagefind client-side full-text search, and a six-language UI.
Astro · Blog
astro-theme-cactus
Astro Cactus is an Astro-based blog and portfolio theme that uses Markdown/MDX content collections to manage posts, notes, and tags, with frontmatter type-checked by a schema.
Astro · Portfolio
astrofy
Astrofy is a free and open-source personal portfolio website template built with Astro and TailwindCSS, with built-in blog, CV timeline, project showcase, store, and RSS feed modules.
Astro · Portfolio