astro-multi-framework-dashboard
Dashboard built with Astro with the framework setup for React.JS, Vue and Svelte.
Demo
Features
- Support for React, Vue and Svelte.
- Setup with Tailwind CSS and
prefixproperty to avoid classes clash with Vuetify. - State management with nanostores for cross platform data flow.
- Libraries per framework:
- React: recharts, MUI Core
- Svelte: Svelte Material UI
- Vue: Vuetify
- Framework highlighter for demo purposes, showcasing which components are rendered by which framework.
Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:3000
|
npm run build |
Build your production site to ./dist/
|
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro preview
|
npm run astro --help |
Get help using the Astro CLI |
Badges
Extracted from project README's
