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 Payload CMS Backend

1. Navigate to the backend directory.
2. Rename .env.example to .env and configure your Cloudflare credentials.
3. Install dependencies: pnpm install.
4. Start the development server: pnpm dev.

Running Astro Frontend

1. Navigate to the frontend directory.
2. Install dependencies: pnpm install.
3. Start the development server: pnpm dev.

✨ Features

Implemented Features

• Content Layer (Integrated with Payload CMS)
• Multi-language (i18n) Support
• AI-Powered Translation (Cloudflare AI)
• Hybrid Search (D1 FTS5 + Vectorize)
• Navigation
• Responsive Design
• Pagination
• RSS Feed
• Sitemap
• Dark Mode
• SEO Optimization

Upcoming Features

• Open Graph (OG) Image Generation
• Advanced Comment System (Waline-like)

💻 Technologies

This project leverages cutting-edge web technologies:

• Astro V5.x - Modern static site builder
• Payload CMS V3.x - Headless content-management system
• Cloudflare D1/R2/AI - Serverless infrastructure
• Tailwind CSS - Utility-first CSS framework
• DaisyUI - Tailwind CSS component library
• TypeScript - Typed JavaScript
• MDX - Markdown with JSX support
• Vercel/Cloudflare Pages - 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.