Newsletter Kit

A sleek and modern Astro theme tailored for newsletters. Built with a crisp grid system, bold typography, and high-contrast accents, it delivers a professional look while keeping your content front and center. Ideal for creators and brands who want a sharp, editorial vibe.

Cost

Paid

Created by

AstroKit

AstroKit – Newsletter Themes for Astro

AstroKit is a starter kit that gives you everything you need to build, design, and publish newsletters with Astro. It’s lightweight, fast, and flexible—perfect for creators, startups, or personal brands who want a professional newsletter site without relying on bloated SaaS tools.

✨ Core Features

Ready-to-use Themes – Multiple Astro themes (like Polar, Slate, Mono) with clean, modern designs.
Subscription Flow – Prebuilt Subscribe page and EmailSubscriptionForm component ready to connect with any email service provider.
Markdown Publishing – Easily create and publish issues or posts using Markdown inside <code>/content/posts</code>.
JSON Data – Manage structured data such as authors or products with JSON files inside <code>/content/</code>.
Clean Astro Structure – Modular components (Hero, Navbar, Footer, BlogGrid, Welcome) and reusable layouts for rapid customization.
Deploy Anywhere – Built with pure Astro, deployable to Netlify, Vercel, or GitHub Pages in minutes.

📂 Project Structure

public/                      # Static assets
src/
 ├─ assets/
 │   └─ components/           # Core UI components
 │       ├─ BlogGrid.astro
 │       ├─ EmailSubscriptionForm.astro
 │       ├─ Footer.astro
 │       ├─ Hero.astro
 │       ├─ Navbar.astro
 │       └─ Welcome.astro
 │
 ├─ content/                  # Content source
 │   ├─ authors/              # Markdown/MDX for authors
 │   ├─ posts/                # Markdown/MDX for newsletter/blog posts
 │   └─ products/             # JSON/Markdown for product data
 │
 ├─ layouts/
 │   └─ Layout.astro          # Base layout wrapper
 │
 ├─ pages/                    # Astro pages = routes
 │   ├─ author/[slug].astro   # Author detail pages
 │   ├─ post/[slug].astro     # Post detail pages
 │   ├─ about.astro           # About page
 │   ├─ index.astro           # Homepage
 │   ├─ newsletter-kit.astro  # Product page (NewsletterKit/AstroKit)
 │   ├─ sponsorship.astro     # Sponsorship info
 │   └─ subscribe.astro       # Subscription page
 │
 └─ styles/                   # Custom styles if needed