nailsalon Project Architecture
Nail Salon - Architecture & Technical Workflow
A Monorepo Architecture with Turborepo & pnpm
User Client
Frontend (Next.js / Vercel)
Backend (NestJS / Render)
Third-Party Services
Browser 1
Browser 2
Browser 3
Browser ...
Next.js App
BookingForm.tsx
(React Query & Zustand)
CheckoutForm.tsx
Admin Dashboard
(UI: Tailwind, Shadcn/ui, Framer Motion)
NestJS API
Auth Service (JWT)
Appointments Service
Payments Service
Media Service
Email Service
Task Service (Cron)
(Email Sync)
(Tooling: Helmet, Winston, Swagger)
Firebase Auth
Cloudinary
PostgreSQL DB (Prisma)
Stripe API
Resend API
Google Maps API
Gmail API (IMAP)
1. Visits Booking Page
2. Request API Data
4. Request Payment Intent
5. Return Client Secret
6. User Pays via Stripe Elements
7. Stripe Webhook Confirms Payment
8. Return final status to page
9. Display confirmation
Requests Map Data
Returns Map Tiles
← Back to Portfolio