https://github.com/ellipse120/nuxt-offline-sql-query
SQLite in Nuxt
https://github.com/ellipse120/nuxt-offline-sql-query
nuxt offline sqlite wasm
Last synced: 2 months ago
JSON representation
SQLite in Nuxt
- Host: GitHub
- URL: https://github.com/ellipse120/nuxt-offline-sql-query
- Owner: Ellipse120
- Created: 2025-01-04T12:46:24.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-07T06:24:15.000Z (over 1 year ago)
- Last Synced: 2025-03-02T09:14:45.189Z (over 1 year ago)
- Topics: nuxt, offline, sqlite, wasm
- Language: Vue
- Homepage:
- Size: 184 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Nuxt Offline SQLite Query
## TLDR
- Set up SQLite WASM in a Vue 3 application for offline data storage
- Learn how to use Origin Private File System (OPFS) for persistent storage
- Build a SQLite query playground with Vue composables
- Implement production-ready offline-first architecture
- Compare SQLite vs IndexedDB for web applications
> Add offline capabilities to your Nuxt3 application. While browsers offer IndexedDB, SQLite provides a more powerful solution for complex data operations. This project shows you how to integrate SQLite with Vue using WebAssembly for robust offline-first sqlite db query application.
## Setup
Make sure to install dependencies:
```bash
# pnpm
pnpm install
```
## Development Server
Start the development server on `http://localhost:3000`:
```bash
# pnpm
pnpm dev
```
## Production
Build the application for production:
```bash
# pnpm
pnpm build
```
Locally preview production build:
```bash
# pnpm
pnpm preview
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.