Overview:

Astronomy is an open-source application that utilizes the latest features in Astro v4 and shadcn/ui. It is an experimental project aiming to showcase how a modern application with features like authentication, subscriptions, API routes, Markdown, Content Collections, among others, can function in Astro v4 and shadcn/ui. Although the app is a work in progress, it provides insight into its development process by following @miickasmt on Twitter.

Features:

• Config files: Includes configuration files for easy setup.
• React components & hooks: Utilizes React components and hooks for dynamic functionality.
• UI Components with shadcn/ui: UI components built using shadcn/ui for design consistency.
• Documentation and blog using MDX and Content Collections: Integrates MDX and Content Collections for documentation and blog features.
• Styled using Tailwind CSS: Incorporates Tailwind CSS for styling components.
• Validations using Zod: Implements Zod for data validation.
• Written in TypeScript: Developed using TypeScript for type safety and code integrity.
• 100/100 Lighthouse performance: Prioritizes performance optimization to achieve a perfect Lighthouse score.
• Minimal styling (make it your own!): Offers minimal default styling for customization.

Installation:

1. Install dependencies using pnpm:

pnpm install

2. Start the development server:

pnpm dev

Summary:

Astronomy is an experimental open-source project that explores the capabilities of Astro v4 and shadcn/ui for building modern web applications. With features like React components, Tailwind CSS styling, Zod validations, and TypeScript support, it aims to provide a solid foundation for developers to create dynamic and performant applications. While still under development, Astronomy promises a roadmap of upcoming features like authentication, database integration, and mobile optimization.