A news website starter built with Astro, including desktop and mobile homepage screenshots
AstroStarter
astro-news — Astro Starter Template
By Mrahmani71
A news website starter built with Astro, featuring Keystatic CMS, pagination, search, RSS, sitemap, and dark mode, using Tailwind CSS and DaisyUI, MIT licensed.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
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-05View source
What stands out
A quick read of the recorded project description.
Already implements Keystatic CMS, Content Layer, pagination, search, RSS Feed, and sitemap
Uses Tailwind CSS and DaisyUI, providing responsive layout and dark mode
Uses TypeScript and MDX for content and components
MIT licensed, allowing free use, modification, commercial use, and distribution of this version of the code
Template Details
astro-news is a news website starter built with Astro, positioned by its author as a modern, responsive news reading experience. The repository provides desktop and mobile homepage screenshots, with a demo site deployed on Vercel.
In terms of content and features, the project has implemented Content Layer, Keystatic CMS, navigation, responsive design, pagination, search, RSS Feed, sitemap, and dark mode, and notes that SEO optimization is still being refined; Open Graph image generation is listed as a future plan. The tech stack includes Astro, Keystatic, Tailwind CSS, DaisyUI, TypeScript, MDX, Bun, and HugeIcons, with Vercel as the deployment platform. The design references BBC News and two Dribbble news pages, and the pagination and static search implementations reference public articles.
In the README, the author states that this is their first open-source project and that bugs or issues may exist, which they will address as soon as possible. The project is MIT licensed, and the free scope is limited to this version of the code; third-party assets such as demo images, fonts, and icons must be checked against their respective licenses, and external services such as domains and hosting may incur additional charges.
AstroStarter
Is it right for your project?
Use Cases
- Building a static content site focused on news or article lists
- Astro projects that need a visual content editing entry point (Keystatic CMS)
- Sites that want out-of-the-box pagination, search, RSS, and sitemap capabilities
- Deploying an Astro static site on Vercel with responsive and dark mode requirements
Suitable For
- Front-end developers familiar with Astro and TypeScript
- Individuals or teams that need a news site starter template and accept troubleshooting issues themselves
- Static site projects that want to manage content with Keystatic
- Users doing secondary development based on MIT-licensed code
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
After cloning the repository, install dependencies with bun install and start the development server with bun dev
- 2
To enable Keystatic CMS, rename .env.example to .env and set RUN_KEYSTATIC=true
- 3
The Keystatic admin interface is at http://localhost:4321/keystatic
- 4
The author states this is their first open-source project and bugs or issues may exist
- 5
Third-party assets such as demo images, fonts, and icons must be checked against their respective licenses, and external services may incur additional 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 limited to this version of the code 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 full 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 against 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 author states this is their first open-source project and bugs or issues may exist; users must assess stability themselves and bear troubleshooting costs before use.
- Enabling Keystatic CMS requires renaming .env.example to .env and setting RUN_KEYSTATIC=true, which is a local environment configuration requirement.
- The Keystatic admin interface is only accessible at the local development server address http://localhost:4321/keystatic, and the development server must be started first.
- The README marks SEO optimization as incomplete with a tilde, indicating that this capability is not yet complete and should not be considered fully implemented.
- Open Graph image generation is listed as a future planned feature and is not included in the current version.
View Original Text Basis
Permission is hereby granted, free of charge
Original License Text
Astro news is my first open-source project, so there may be some bugs or issues. I’ll address them as quickly as possible.
Original README
1. Rename `.env.example` to `.env`. 2. Set `RUN_KEYSTATIC=true`.
Original README
Open `http://localhost:4321/keystatic` in your browser.
Original README
SEO Optimization (~)
Original README
https://github.com/Mrahmani71/astro-news/blob/master/LICENSE.mdhttps://github.com/Mrahmani71/astro-news/blob/master/README.md### Upcoming Features - Open Graph (OG) Image Generation
Original README
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
- More documented · 85 / 100
- Technologies
- Astro
- Website type
- 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-08-15
- Screenshot last checked
- 2026-10-05
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: eaa5d63dd1e0491f97d972212a8b6df37884db14064a724348e0f123f13ff432
2026-10-05T08:50:26.829Z
Source file / repository# Astro News 📰
A news website built with Astro, designed to provide a modern and responsive news reading experience.
> **ℹ️ Info**
> Astro news is my first open-source project, so there may be some bugs or issues. I’ll address them as quickly as possible.
## 🌐 Demo
Explore the live demo here: [**Live Demo**](https://astro-news-six.vercel.app/)
## 🚀 Installation
Follow the steps below to set up and run the project locally:
### Clone the Repository
```bash
git clone https://github.com/Mrahmani71/astro-news.git
```
### Install Dependencies
``` bash
bun install
```
### Run Development Server
```bash
bun dev
```
### Running Keystatic CMS
1. Rename `.env.example` to `.env`.
2. Set `RUN_KEYSTATIC=true`.
3. Start the development server:
```bash
bun dev
```
4. Open `http://localhost:4321/keystatic` in your browser.
## ✨ Features
### Implemented Features
- Content Layer
- Keystatic CMS
- Navigation
- Responsive Design
- Pagination
- Search Functionality
- RSS Feed
- Sitemap
- Dark Mode
- SEO Optimization (~)
### Upcoming Features
- Open Graph (OG) Image Generation
## 💻 Technologies
This project leverages cutting-edge web technologies:
- [Astro V5.7](https://astro.build) - Modern static site builder
- [KeyStatic](https://keystatic.com) - Headless content-management system
- [Tailwind CSS](https://tailwindcss.com) - Utility-first CSS framework
- [DaisyUI](https://daisyui.com/) - Tailwind CSS component library
- [TypeScript](https://typescriptlang.org) - Typed JavaScript
- [MDX](https://mdxjs.com) - Markdown with JSX support
- [Bun V1.2.10](https://bun.sh) - Fast JavaScript runtime
- [Vercel](https://vercel.com) - Deployment platform
- [HugeIcons](https://hugeicons.com) - Icon library
## 💡 Inspirations and Code Concepts
This project draws inspiration from the following sources:
### Designs
- [BBC News](https://www.bbc.com)
- [NewsHub - News Website](https://dribbble.com/shots/21678041-NewsHub-News-Website)
- [Let'sread - News Landing Page](https://dribbble.com/shots/24675325-Let-sread-News-Landing-Page)
### Articles
- [Creating A Pagination Component With Astro](https://rimdev.io/creating-a-pagination-component-with-astro)
- [Adding search to static Astro sites](https://website-thomas-astro.vercel.app/blog/search-static-astro-website)
## 📄 License
Open sourced under the [MIT license](LICENSE.md).
## 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check the [issues page](https://github.com/Mrahmani71/astro-news/issues).
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
accessible-astro-starter
An accessibility-focused Astro 6 starter template with WCAG 2.2 AA practices, Tailwind CSS 4, TypeScript, Prettier, ESLint, form validation, blog and portfolio examples, and preference toggles for dark mode, high contrast, and reduced motion.
Astro · Blog
astro-erudite
astro-erudite is an opinionated, unstyled static blog template built with Astro and native CSS, with no UI or CSS framework and minimal dependencies.
Astro · Portfolio
astro-shopify
A lightweight Shopify headless ecommerce starter template built with Astro and Svelte, integrating the Shopify Storefront API for product and inventory data, with built-in cart state management and basic add-to-cart and checkout flow.
Astro · E-commerce
brutal
Brutal is a neobrutalism Astro starter theme from ElianCodes, derived from the author's personal site and generalized. It includes a Markdown blog collection, build-time RSS and sitemap, image optimization, Tailwind CSS styling, and Biome checks, with no JavaScript by default.
Astro · Starter
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