An example todo project to demonstrate the usage of tRPC with Vue 3. It can be used as a startingpoint for you're project.
Tanstack query is used to retrieve the data and manage the server state. Zod is used to validate the incoming data.
used in this project:
- npm workspaces monorepo
- Express.js
- Prisma
- Typescript
- tRPC
- Zod
- Tailwind
- Vue 3
- Vue Query (tanstack)
- Prettier
- Eslint
recommended vscode extensions:
- Volar + TypeScript Vue Plugin (Volar)
- Prisma
- Tailwind CSS IntelliSense
in the root of the root repo run:
npm installinitialize the db in the api repo
cd apps/api-server/
mv .env.example .env
npx prisma migrate dev --name init
cd ../../start the dev client and server
npm run dev