Astro Nomy

Astronomy: Astro v4 Showcase with shadcn/ui & React

Astronomy is an open-source project demonstrating modern web application development with Astro v4, shadcn/ui, and React. It serves as a public experiment, exploring features like dynamic content, API integration, and user interface design. While evolving and not yet a starter template, Astronomy provides developers with practical examples and insights into building contemporary web experiences using this technology stack, focusing on real-world use cases and code structure.

Features:

• Config files: Pre-configured project setup for an easier start.
• Views Transitions: Smooth page navigation using Astro's native View Transitions.
• Routing and Layouts: Organized project structure with defined routes and page layouts.
• React components & hooks: Integration of React for dynamic user interface elements.
• UI Components built using shadcn/ui: Utilization of customizable UI elements from shadcn/ui.
• Documentation and blog using MDX and Content Collections: Content management via MDX and Astro's Content Collections.
• Styled using Tailwind CSS: Styling implemented with the Tailwind CSS utility-first framework.
• Validations using Zod: Data validation schemas enforced by Zod.
• Written in TypeScript: Codebase developed using TypeScript for type safety.
• 100/100 Lighthouse performance: Optimized for high scores in Lighthouse performance metrics.
• Minimal styling (make it your own!): Base styling provided, encouraging customization.
• RSS Feed support: Functionality for generating and consuming RSS feeds.
• Sitemap support: Automatic sitemap generation for SEO benefits.
• Data Fetching: Examples of various data fetching strategies.
• API Endpoint: Implementation of server-side API routes.

Summary:

Astronomy offers a hands-on look at integrating Astro v4, shadcn/ui, and React for diverse application scenarios. It showcases the development process for features such as content-driven pages (blogs, docs), interactive forms, and data-rich interfaces. Developers can follow its progress to understand how to implement advanced functionalities like authentication and e-commerce capabilities, learning from a project that is actively being built and shared with the community.