Skip to content

Differents pages and examples apps built with Astro v4.5, shadcn/ui & react js. Open Source.

License

Notifications You must be signed in to change notification settings

mickasmt/astro-nomy

Repository files navigation

Astronomy

An open source application built using the latest features in Astro v4 with shadcn/ui.

blog

Warning This app is a work in progress. I'm building this in public. You can follow the progress on Twitter @miickasmt. See the roadmap below.

About this project

This project as an experiment to see how a modern app (with features like authentication, subscriptions, API routes, Markdown, Content Collections ...etc) would work in Astro v4 and shadcn/ui.

Note I would like to inform you that for the time being, my example app built with Astro.js is still under development and cannot yet be considered a starter template.

Project Structure

├── public/
│   └── fonts/
├── src/
│   ├── components/
│   ├── config/
│   ├── content/
│   ├── hooks/
│   ├── icons/
│   ├── layouts/
│   ├── lib/
│   ├── pages/
│   ├── styles/
│   └── types/
├── astro.config.mjs
├── README.md
├── package.json
├── tailwind.config.cjs
└── tsconfig.json

Features

  • Config files
  • Views Transitions
  • Routing and Layouts
  • React components & hooks
  • UI Components built using shadcn/ui
  • Documentation and blog using MDX and Content Collections
  • Styled using Tailwind CSS
  • Validations using Zod
  • Written in TypeScript
  • 100/100 Lighthouse performance
  • Minimal styling (make it your own!)
  • RSS Feed support
  • Sitemap support
  • Data Fetching
  • API Endpoint

Not implemented yet :

  • SEO component
  • Subscriptions using Lemon Squeezy ?

Roadmap

  • Dark mode
  • Add Markdown & MDX support
  • Sheet mobile nav
  • Build changelog pages
  • Build waitlist with React Hook Form
  • Build newsletter with Simple Form
  • Build animes pages (graphql)
  • Build blog with Astro DB (work on it)
  • Build ecommerce pages (work on it)
  • Build auth/dashboard pages
  • Add search support for blog
  • Add OG image for blog and others
  • Add SEO component & metadata
  • Subscriptions using Stripe (or Lemon Squeezy?)

Running Locally

  1. Install dependencies using pnpm:
pnpm install
  1. Start the development server:
pnpm run dev

Credit

This theme is based off of the example app Taxonomy of shadcn.

License

Licensed under the MIT license.