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

🚀 Installation

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

Clone the Repository

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

Install Dependencies

bun install

Run Development Server

bun dev

Running Keystatic CMS

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.

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

💡 Inspirations and Code Concepts

This project draws inspiration from the following sources:

Designs

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

Articles

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

📄 License

Open sourced under the MIT license.

🤝 Contributing

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