Elgato_dark/zenstack
1
0
Fork 0
mirror of https://github.com/zenstackhq/zenstack synced 2026-05-24 10:08:55 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
zenstack/samples/nuxt/README.md

1.1 KiB
Raw Permalink Blame History

ZenStack Nuxt Blog Sample

A simple blog application built with Nuxt, ZenStack ORM, and TanStack Query Vue integration.

Features

  • Create, read, update, and delete blog posts
  • User management
  • Published/draft post filtering
  • Optimistic updates
  • TanStack Query Vue integration with ZenStack

Getting Started

  1. Install dependencies:
pnpm install
  1. Initialize the database and seed data:
pnpm db:init
  1. Start the development server:
pnpm dev

The app will be available at http://localhost:3302

Project Structure

  • app/ - Nuxt app components and pages
  • server/ - Nuxt server files
    • api/model/[...path].ts - ZenStack API endpoint
    • utils/db.ts - Database client
  • zenstack/ - ZenStack schema and generated files
    • schema.zmodel - Database schema definition
    • seed.ts - Database seeding script

Available Scripts

  • pnpm dev - Start development server
  • pnpm build - Build for production
  • pnpm generate - Generate ZenStack TypeScript schema
  • pnpm db:init - Initialize database and seed data