- Node.js → https://nodejs.org (click the "LTS" download)
- VS Code → https://code.visualstudio.com
- Unzip this folder somewhere on your computer (Desktop is fine)
- Open VS Code
- Go to File → Open Folder → select the
loop-appfolder - Open the Terminal in VS Code: go to View → Terminal
In the VS Code terminal, run:
npm install
Wait for it to finish (takes ~1 minute).
Open the file called .env.local in VS Code.
You'll see 5 lines with placeholder values. You need to fill in each one:
- Go to https://console.cloud.google.com
- Click "New Project" → name it "Loop" → Create
- Go to APIs & Services → OAuth consent screen → External → fill in app name + your email → Save
- Go to APIs & Services → Credentials → Create Credentials → OAuth 2.0 Client ID
- Choose "Web application"
- Under "Authorized redirect URIs" add: http://localhost:3000/api/auth/callback/google
- Click Create — copy the Client ID and Client Secret into .env.local
- Go to APIs & Services → Library → search "Gmail API" → Enable it
Run this in your terminal and paste the result:
openssl rand -base64 32
- Go to https://console.anthropic.com
- Sign up / log in → API Keys → Create Key → copy it
Your .env.local should look like this when done:
GOOGLE_CLIENT_ID=123456789-abc.apps.googleusercontent.com
GOOGLE_CLIENT_SECRET=GOCSPX-xxxxxxxxxx
NEXTAUTH_SECRET=xxxxxxxxxxxxxxxxxxxxxxxxxxx
NEXTAUTH_URL=http://localhost:3000
ANTHROPIC_API_KEY=sk-ant-xxxxxxxxxx
npm run dev
Open http://localhost:3000 in your browser. Your app is running!
- Push this folder to GitHub
- Go to https://vercel.com → sign up with GitHub → Import your repo
- In Vercel project settings → Environment Variables → add all 5 values from .env.local
- Change NEXTAUTH_URL to your Vercel URL (e.g. https://loop-app.vercel.app)
- Go back to Google Cloud Console → add your Vercel URL to Authorized redirect URIs
- Deploy!