AstroSvelteBlogStarter

astro-blog-markdown — Astro Blog Template

By rodneylab

A Markdown blog starter template based on Astro with a small amount of Svelte, including sample posts, an image component, and common script commands, under the BSD-3-Clause license.

Explore the design

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

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-05View source

What stands out

A quick read of the recorded project description.

01

Uses Markdown as the blog content format, organized with Astro content collections

02

Introduces a small number of Svelte components in Astro, balancing static output with local interactivity

03

Provides a Picture component for outputting responsive images in Markdown content sites

04

The README gives pnpm commands for install, dev, build, preview, and disabling telemetry

05

The repository uses the BSD-3-Clause license, permitting modification and commercial redistribution

Template Details

astro-blog-markdown is an Astro blog starter template published by Rodney Lab. It uses Markdown for content and incorporates a small number of Svelte components. The repository provides sample posts, a Picture component for responsive images, and pnpm scripts for development, build, and preview. The README also explains how to pull the template directly via the create astro command. The README includes a Netlify deployment status badge and a Lighthouse screenshot, but no specific performance data is given in the materials.

Regarding licensing, the repository uses BSD-3-Clause, which permits use, modification, commercial use, and redistribution. Source distribution must retain the copyright notice, the three conditions, and the disclaimer; binary distribution must reproduce them in the documentation or accompanying materials, and the names of the copyright holders may not be used to endorse derivative products. Third-party assets such as demo images, fonts, and icons require separate license verification; external services such as domains and hosting may incur additional charges.

AstroSvelteBlogStarter

Is it right for your project?

Use Cases

  • Building a static blog with articles written in Markdown
  • Experimenting with Svelte components and content collections in an Astro project
  • Adding responsive image output to a Markdown content site
  • Using as a starting structure for a personal tech blog or documentation-style site

Suitable For

  • Developers familiar with Markdown who want to build a blog with Astro
  • Projects that need to use a small number of Svelte components in a static site
  • Users who accept the BSD-3-Clause license terms and verify third-party assets themselves

Getting started & customization

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

  1. 1

    The template can be pulled via pnpm create astro@latest -- --rodneylab/astro-blog-markdown

  2. 2

    Copy .env.EXAMPLE to .env before running development commands

  3. 3

    Common commands include pnpm install, pnpm run dev, pnpm run build, and pnpm run preview

  4. 4

    The development server runs on localhost:3000 by default

  5. 5

    Third-party assets such as demo images, fonts, and icons require separate license verification

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the BSD-3-Clause license; the free scope is the code of this version and does not imply that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution in source or binary form are permitted.
  • Source distribution must retain the copyright notice, the three conditions, and the disclaimer; binary distribution must reproduce these in the documentation or accompanying materials.
  • Without prior written permission, the names of the copyright holders or contributors may not be used to endorse or promote derivative products.
  • 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 BSD-3-Clause license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
  • Before using the template, .env.EXAMPLE must be copied to .env, otherwise the development environment may lack necessary configuration.
  • The project may enable Astro telemetry data collection by default; this command must be run manually to disable data collection.
View Original Text Basis

Redistribution and use in source and binary forms, with or without modification, are permitted

Original License Text

cp .env.EXAMPLE .env

Original README

pnpm astro telemetry disable

Original README
https://github.com/rodneylab/astro-blog-markdown/blob/main/LICENSEhttps://github.com/rodneylab/astro-blog-markdown/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-05. 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
Partly documented · 74 / 100
Technologies
Astro · Svelte
Website type
Blog · 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
2025-05-27
Screenshot last checked
2026-10-05

No demo link is recorded. Use the repository instructions to evaluate the project locally; the screenshot alone cannot establish interactive behavior.

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-06

Inspect the recorded source material

SHA-256: 692b02b19c02cc86ee043712209f0d8a077e98993a3c63e167d2908f4f62d5c2

2026-10-05T18:43:26.027Z

Source file / repository
<img src="./images/rodneylab-github-astro-blog-markdown.png" alt="Rodney Lab astro-blog-markdown Github banner">

<p align="center">
  <a aria-label="Open Rodney Lab site" href="https://rodneylab.com" rel="nofollow noopener noreferrer">
    <img alt="Rodney Lab logo" src="https://rodneylab.com/assets/icon.png" width="60" />
  </a>
</p>
<h1 align="center">
  Astro Blog Markdown
</h1>

# astro-blog-markdown

[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/rodneylab/astro-blog-markdown)

[![Netlify Status](https://api.netlify.com/api/v1/badges/ba727efb-61da-4338-94fa-15cf51fdd924/deploy-status)](https://app.netlify.com/sites/jazzy-pixie-b363bf/deploys)

Starter for accessible, fast and SEO friendly Astro blog using a spot of Svelte.
See post on
<a aria-label="Open article on using the Astro blog starter" href="https://rodneylab.com/astro-blog-markdown/">how
to get up and running on the Astro blog starter</a>. For more on the Picture component (used in this repo) and <a href="https://rodneylab.com/astro-picture-component/">how to add responsive image to your Markdown-based content site using Astro Content Collections, see the Astro Picture Component post</a>.

<img src="./images/astro-blog-markdown-lighthouse.png" alt="Lighthouse scores for 100 in each category">

# Astro Blog Markdown

```
pnpm create astro@latest -- --rodneylab/astro-blog-markdown
cp .env.EXAMPLE .env
pnpm run dev
```

## 🧞 Commands

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

| Command                        | Action                                       |
| :----------------------------- | :------------------------------------------- |
| `pnpm install`                 | Installs dependencies                        |
| `pnpm astro telemetry disable` | Disable data collection                      |
| `pnpm run dev`                 | Starts local dev server at `localhost:3000`  |
| `pnpm run build`               | Build your production site to `./dist/`      |
| `pnpm run preview`             | Preview your build locally, before deploying |

Feel free to jump into the
[Rodney Lab matrix chat room](https://matrix.to/#/%23rodney:matrix.org).
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.