/Todo-tRPC-Vue3

An example todo project to demonstrate the usage of tRPC with Vue 3. It can be used as a startingpoint for you're project.

Primary LanguageTypeScriptMIT LicenseMIT

Example project with tRPC, Vue 3, express.js and prisma.

An example todo project to demonstrate the usage of tRPC with Vue 3. It can be used as a startingpoint for you're project.

screenshot

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

install and run

in the root of the root repo run:

npm install

initialize 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