An open source application built using the latest features in Astro v4 with shadcn/ui.
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.
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.
├── 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
- 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 ?
-
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?)
- Install dependencies using pnpm:
pnpm install- Start the development server:
pnpm run devThis theme is based off of the example app Taxonomy of shadcn.
Licensed under the MIT license.