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.

About

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

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published