A modern framework for building both web and native applications using AstroJS, React, TailwindCSS, and Nanostores.
.
├── apps/
│ ├── web/ # Web application (Astro + React)
│ └── native/ # Native application (Tauri + Astro)
├── packages/
│ └── ui/ # Shared UI components
└── package.json # Root package configuration
- Node.js (v18 or later)
- pnpm (v8 or later)
- Rust (for native app development)
-
Install dependencies:
pnpm install
-
Compile the local UI package:
cd packages/ui && pnpm build
-
Start the web application:
pnpm dev:web
-
Start the native application:
pnpm dev:native
- Shared UI Components: Reusable components in the
packages/ui
directory - State Management: Using Nanostores for efficient state management
- Styling: TailwindCSS for consistent styling across platforms
- Type Safety: Full TypeScript support
The web application is built with AstroJS and React, providing a fast and modern web experience.
The native application uses Tauri to create a desktop application with native capabilities while sharing code with the web version.
-
Build web application:
pnpm build:web
-
Build native application:
pnpm build:native
MIT