CloudSyncPro is a React 19 single-page application backed by Supabase (auth, Postgres, Edge Functions, Realtime) and Cloudflare R2 for file storage. This guide walks you through every step — from cloning the repository to creating your first workspace in the running UI.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/S4nti4goCoder/cloudsyncpro/llms.txt
Use this file to discover all available pages before exploring further.
Before you begin, make sure you have:
- Node.js ≥ 20 installed (
node -vto check) - A Supabase project — the free tier works for development
- A Cloudflare account with R2 enabled
Copy .env.example and fill in your credentials
Create a local environment file from the provided example:Open
The server-side variables (
.env.local and fill in the three required client-side variables:| Variable | Where to find it |
|---|---|
VITE_SUPABASE_URL | Supabase Dashboard → Project Settings → API |
VITE_SUPABASE_ANON_KEY | Supabase Dashboard → Project Settings → API |
VITE_R2_PUBLIC_URL | Your R2 bucket’s custom domain or pub.r2.dev URL |
R2_*, SUPABASE_SERVICE_ROLE_KEY, CRON_SECRET) are used by Supabase Edge Functions and should be set as secrets in the Supabase Dashboard — not in .env.local. See Environment variables for the full reference.Start the development server
http://localhost:5173. The dev server includes hot module replacement, so changes to source files are reflected immediately without a full reload.Create your first workspace
- Open
http://localhost:5173in your browser. You’ll be redirected to/login. - Register a new account or sign in with an existing one.
- After signing in, go to Workspaces in the sidebar and create your first workspace.
- Invite team members, upload files, and explore the dashboard.