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.

Explore the live demo here: Live Demo

Follow the steps below to set up and run the project locally:

git clone https://github.com/Mrahmani71/astro-news.git

bun install

bun dev

1. Rename .env.example to .env.

2. Set RUN_KEYSTATIC=true.

3. Start the development server:

   bun dev 

4. Open http://localhost:4321/keystatic in your browser.

• Content Layer
• Keystatic CMS
• Navigation
• Responsive Design
• Pagination
• Search Functionality
• RSS Feed
• Sitemap
• Dark Mode
• SEO Optimization (~)

• Open Graph (OG) Image Generation

This project leverages cutting-edge web technologies:

• Astro V5.7 - Modern static site builder
• KeyStatic - Headless content-management system
• Tailwind CSS - Utility-first CSS framework
• DaisyUI - Tailwind CSS component library
• TypeScript - Typed JavaScript
• MDX - Markdown with JSX support
• Bun V1.2.10 - Fast JavaScript runtime
• Vercel - Deployment platform
• HugeIcons - Icon library

This project draws inspiration from the following sources:

• BBC News
• NewsHub - News Website
• Let'sread - News Landing Page

• Creating A Pagination Component With Astro
• Adding search to static Astro sites

Open sourced under the MIT license.

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.