🚀 Ultimate Astro - Modern Multi-Framework Showcase

🌟 Overview

Ultimate Astro Showcase, Displaying all the frameworks I use while building a website using the Astro.js Framework!

🚀 Quick Start

1. Clone and Install

    git clone https://github.com/Nrentzilas/Showcase.git

    cd Showcase

    npm install

   Or Fork and Install

   1.1 Click the 'Fork' button in the top right corner of this repository

   1.2 Clone your forked repository

    git clone https://github.com/Nrentzilas/Showcase.git

   1.3 Navigate and install dependencies

    cd Showcase && npm install

2. Development

    npm run dev

3. Build

    npm run build

📁 Project Structure

/
├── public/          # Static assets
├── src/
│   ├── assets/      # Project assets
│   ├── components/  # UI components
│   │   ├── Astro/   # Astro components
│   │   ├── React/   # React components
│   │   └── ui/      # Shared UI components
│   ├── data/        # Data files
│   ├── icons/       # Icon components
│   ├── layouts/     # Layout templates
│   ├── pages/       # Route pages
│   └── styles/      # Global styles
└── package.json

📊 Performance

[](# I will update this when the final version of this showcase is available)

Metric	Score
🚀 Performance	100/100
♿ Accessibility	100/100
🏗️ Best Practices	100/100
🔍 SEO	100/100

[View Full Report](# I will update this when the final version of this showcase is available)

🛠️ Customization

Styling

Modify tailwind.config.cjs to customize:

• 🎨 Color schemes
• 📱 Breakpoints
• 🔤 Typography
• 🎯 Custom utilities

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

Made by Nrentzilas with ❤️ using Astro