/nuxt-ui-drzzl-neon

Nuxt, Nuxt UI, drizzle, neon, zod demo

Primary LanguageVue

Nuxt 3 • Nuxt UI • Drizzle ORM • Neon • Zod

A basic crud app demo made to learn and experiment Vue, Nuxt, Nuxt UI, Drizzle, Neon and Zod

Also available on Cloudflare Pages
Checkout branch cf

Features

  • Backend Zod validation input type shared with frontend form data type
  • useFetch return data is reused as form state
  • Zod parse function used with h3 readValidatedBody
  • h3 cookie session and nitro middleware used to load session and guard routes
  • use data loaded from index route to eagerly preload data into single item route
  • post route zod schema and type reused in put route as partial
  • database seeding during server init