Monorepo with Turborepo (Nest & Vue)

This project is a minimal boilerplate code setup in monorepo architecture using Turborepo, containing 2 applications: Vue3 Frontend & Nest JS Backend.

Deployments

• Frontend: https://nest-vue-turbo.vercel.app
• Backend: https://nest-vue-turbo.herokuapp.com/api

Core Features

Frontend

• Vite
• PWA Support
• Route Guards
• Pinia State Management

Backend

• Core Authentication
• JWT Access Token & HTTPOnly Cookie Refresh Token
• Nest JS Route Guards
• Prisma

Pre-Requisites

• Node
• Yarn
• Docker & Docker-Compose

Installation

Can copy all this and execute to clone & install

  git clone https://github.com/ChrisLegaxy/nest-vue-turbo.git \
  && cd nest-vue-turbo \
  && yarn

Setup

  # copy and replace with your env config
  copy .env.sample .env

  # due to prisma
  copy ./apps/api/.env.sample ./apps/api/.env

  # due to vite
  copy ./apps/web/.env.sample ./apps/web/.env

  docker-compose up -d

Running in DEV

  # this should bring everything up 
  yarn dev

  # only web
  yarn dev --scope=web

  # only api
  yarn dev --scope=api

Linting

  yarn lint

Build

  yarn build

Remote Caching

  npx turbo login
  
  npx turbo link

Credits & References

• Turbo Repo Docs
• Amazing Turborepo Walkthrough
• Nice Tutorial Both Part 1 & 2
• Vite PWA Official & Sample on GitHub
• Vite PWA Guide
• Pinia (Might taken over VueX, I'm favoring this one)

Author

Chris Legaxy/Chris Van

Contact: [email protected] | [email protected]

Website: https://chrisvan.netlify.app