This project is split into two separate applications that are deployed independently to Vercel.

Architecture

• Marketing Site (apps/marketing): The public-facing landing page.
  • Domain: www.tendsocial.com (or tendsocial.com)
  • Tech: Vite + React + Tailwind CSS
• Dashboard App (apps/frontend): The authenticated SaaS application.
  • Domain: app.tendsocial.com
  • Tech: Vite + React + Tailwind CSS + Supabase Auth

Deployment Steps

1. Dashboard App (apps/frontend)

This is the main application. It must be deployed first or concurrently.

1. Create New Project in Vercel.
2. Import Repository: Select the tendsocial repo.
3. Project Name: tendsocial-app (recommended).
4. Framework Preset: Vite.
5. Root Directory: apps/frontend (Important!).
6. Environment Variables:
   • VITE_API_URL: The URL of your backend (e.g., https://tendsocial-backend-....run.app). Do not add /api at the end.
   • VITE_SUPABASE_URL: Your Supabase Project URL.
   • VITE_SUPABASE_PUBLISHABLE_KEY: Your Supabase Anon Key.
7. Deploy.
8. Domain Configuration: Add app.tendsocial.com to the project domains.

2. Marketing Site (apps/marketing)

This is the landing page that links to the app.

1. Create New Project in Vercel.
2. Import Repository: Select the tendsocial repo.
3. Project Name: tendsocial-web (recommended).
4. Framework Preset: Vite.
5. Root Directory: apps/marketing (Important!).
6. Environment Variables: None required for the basic landing page.
7. Deploy.
8. Domain Configuration: Add www.tendsocial.com (and tendsocial.com) to the project domains.

Post-Deployment Verification

1. Go to www.tendsocial.com.
2. Click Log In.
3. Verify it redirects to app.tendsocial.com.
4. Verify you see the Login Screen.
5. Log in with Google/Microsoft.
6. Verify you are redirected to the Dashboard.
7. Click Logout.
8. Verify you return to the Login Screen.
9. Click Back to Home.
10. Verify you return to www.tendsocial.com.