This is a sidebase cheviot app created by running npm create sidebase@latest
. This project uses the following technologies for a great developer- and user-experience:
- TypeScript
- Nuxt 3
- Database models, migrations, queries and easy DB-switching via Prisma
- Deep Prisma integration: Use the client in your endpoints via nuxt-prisma, Prisma client is auto-generated for npm run dev and other commands and more
- Frontend- and Backend data-transformation via nuxt-parse and zod
- In-memory development SQL-database via sqlite3
- Linting via eslint
- Test management, Test UI, component snapshotting via vitest
- Component tests via test-library/vue
- Nuxt 3 native API testing via @nuxt/test-utils
- Code coverage via c8
- CSS utilities via TailwindCSS
- CSS components via Naive UI
- Type checking in script and template via Volar / vue-tsc
- Code editor configuration via .editorconfig files and a portable .settings/ folder whith best-practice VS Code settings and extensions for Vue 3 / Nuxt 3 development
This is a straight-forward setup with minimal templating and scaffolding. The options you selected during the sidebase CLI setup are all here though. Good places to continue reading are:
Some tasks you should probably do in the beginning are:
- replace this generic README with a more specific one
- install the Vue Volar extension
- enable Volar takeover mode to ensure a smooth editor setup
Make sure to install the dependencies:
npm install
Start the development server on http://localhost:3000
npm run dev
Build the application for production:
npm run build
Locally preview production build:
npm run preview
- Nuxt3 + trpc : https://michalkuncio.com/type-safe-apis-with-nuxt3-and-trpc/