Madan Belbase -Blog

A professional, minimal, and high-performance personal portfolio and blog built with Astro 5 and Tailwind CSS 4.

Live Demo

✨ Features

• 🚀 Built with Astro 5 for ultimate speed and performance.
• 🎨 Tailwind CSS 4 for a modern, sleek, and responsive design.
• 📝 MDX Support for advanced blog content with interactive components.
• 📱 Fully Responsive layout that looks great on any device.
• 🔍 SEO Optimized with meta tags and clean semantic HTML.
• 🏷️ Dynamic Categorization for blog posts and interests.

🛠️ Tech Stack

• Framework: Astro
• Styling: Tailwind CSS
• Content: MDX
• Type Safety: TypeScript

🚀 Getting Started

Prerequisites

Make sure you have Node.js installed.

Installation

1. Clone the repository:

   git clone https://github.com/madanbelbase/MySpace.git

2. Install dependencies:

   npm install

Development

Start the local development server:

npm run dev

The site will be available at http://localhost:4321.

Build

Build the production-ready site:

npm run build

📂 Project Structure

/
├── public/          # Static assets (images, robots.txt, etc.)
├── src/
│   ├── assets/      # Local images and icons
│   ├── components/  # Reusable UI components
│   ├── content/     # Blog posts and content collections
│   ├── layouts/     # Page templates
│   └── pages/       # Route files (.astro, .md, .mdx)
├── astro.config.mjs # Astro configuration
└── package.json     # Project dependencies and scripts

📄 License

This project is licensed under the MIT License.

---

Built with ❤️ by Madan Belbase