Awesome
vite-tinybase-ts-react-pglite
This is a Vite template for a simple TinyBase app, using TypeScript and React, demonstrating the TinyBase ui-react-dom module UI components and PGlite persistence.
<img width="859" alt="image" src="https://github.com/user-attachments/assets/758c728e-7775-41ab-8e66-f67adfce4104">Instructions
- Make a copy of this template into a new directory:
npx tiged tinyplex/vite-tinybase-ts-react-pglite my-tinybase-app
- Go into the directory:
cd my-tinybase-app
- Install the dependencies:
npm install
- Run the application:
npm run dev
- Go the URL shown and enjoy!
Other templates
There are ten templates for TinyBase, of which this is one:
| Template | Language | React | Plus | |
|---|---|---|---|---|
| vite-tinybase | JavaScript | No | ||
| vite-tinybase-ts | TypeScript | No | ||
| vite-tinybase-react | JavaScript | Yes | ||
| vite-tinybase-ts-react | TypeScript | Yes | ||
| vite-tinybase-ts-react-sync | TypeScript | Yes | Synchronization | |
| 👉 | vite-tinybase-ts-react-pglite | TypeScript | Yes | PGlite |
| vite-tinybase-ts-react-crsqlite | TypeScript | Yes | CR-SQLite | |
| tinybase-ts-react-partykit | TypeScript | Yes | PartyKit | |
| tinybase-ts-react-electricsql | TypeScript | Yes | ElectricSQL | |
| expo/examples/with-tinybase | JavaScript | Yes | React Native & Expo |
License
This template has no license, and so you can use it however you want! TinyBase and Vite themselves are both MIT licensed.