Simpledo - Monorepo Todo App

Table of Contents

• Technologies
• Workspaces
• Development
• Build

Technologies

General

• pnpm
• Turborepo
• TypeScript
• ESlint
• Prettier
• Husky
• Changesets
• Zod

Frontend

• React
• Tailwindcss
• Vite
• Zustand
• React Hook Form
• React Query (SWR would be a good alternative)

Backend

• Node
• REST
• Express
• Prisma
• PlanetScale

Workspaces

The project is organized as a monorepo using workspaces. All apps are placed under the apps folder. All packages are placed under the packages folder.

./
├── apps
│     ├── frontend
│     └── backend
└── packages
      ├── config
      └── shared

INFO:

• The config package contains all the configuration files in one place.
• The shared package contains everything that must be shared between different packages and/or apps.

Install dependencies

pnpm install

Development

Everything

pnpm dev

Frontend

pnpm dev:frontend

Backend

pnpm dev:backend

Build

Everything

pnpm build

All apps

pnpm build:apps

Frontend

pnpm build:frontend

Backend

pnpm build:backend