Deployment Procedures (Frontend)

This guide explains how to build and ship the React web client generated by Lovable.dev to production.

1 — Preview / Dev Builds (Lovable Cloud)

  1. Push or commit changes in Lovable editor.
  2. Lovable automatically builds and hosts a preview URL (e.g. https://plings--<branch>.lovable.space).
  3. Share link with reviewers.

2 — Staging Deployment (Vercel)

  1. Merge PR into staging branch.
  2. GitHub Action triggers Vercel build (vercel --prod --env-file=.env.staging).
  3. Staging URL: https://staging.plings.io.

3 — Production Deployment

  1. Approve PR → merge into main.
  2. CI pipeline builds static assets with pnpm build.
  3. Vercel deployment promotion or Lovable one-click publish to custom domain https://app.plings.io.
  4. Smoke tests run (playwright test --project=prod-smoke).

4 — Rollback

  • Use Vercel “Promote previous deployment” or Lovable “Revert” button.

Status: draft – exact host/provider names subject to change.