Deploy an App

"Deploy" means to share your app to the world on the Internet, to put it "into production".

Deploying with Vercel

Vercel is a popular site for deploying web apps.

Make sure your app's latest working version is stored in your GitHub repo.
Get an account at vercel.com.
At Vercel, create a new project and specify the URL of your GitHub project.
Go to your project at vercel.com/dashboard.
Click on your project.
Go to the "Settings" tab.
Click on "Environment Variables" (in the left sidebar, see image below).
In the Key-Value area, add your values, replacing the placeholders below with the real key-value pairs from your app (in your .env file)
- Key: MY_SECRET_KEY
- Value: my-secret-value
Environment: Choose from Production, Preview, and/or Development.
Click "Save".

Troubleshooting

When you deploy to Vercel, it builds your app in a different way compared to when you run your app on a local test site (localhost). Vercel may find errors that the local run doesn't. In this case, copy the errors from Vercel and paste them into Cursor and ask Cursor to fix them. After the fixes, remember to update your GitHub repository with the new code as Vercel works off of that. Then open Vercel and re-deploy. It may take a few times through this process to get things to work!