Deploy the App
Time to take QR Studio off your machine and put it somewhere people can actually use it. This lesson covers committing and pushing to GitHub, preparing the project for a hosting provider, wiring up a production database and file storage through environment variables, and deploying. It finishes with a real troubleshooting pass on a production bug, and how to attach a custom domain.
What you'll walk away with:
- Asking the agent to commit all untracked changes
- Handling the case where the agent commits to a feature branch instead of main
- Pushing the code to the GitHub repository you created earlier in the series
- Choosing a hosting provider, with Vercel, Netlify, Hostinger and Cloudflare on the table
- Asking the agent to make the project compatible with your chosen provider and list the manual steps
- Using the start-an-app skill to give the agent rules for the database and storage
- Importing the GitHub repository into Vercel
- Pasting .env.example straight into the environment variables field to create every entry at once
- Creating a Neon serverless Postgres database and copying the connection string
- Generating a Better Auth secret
- Creating Blob object storage for user-uploaded logos, or dropping file uploads instead
- Deploying, then setting the Better Auth URL to the generated domain and redeploying
- Testing sign-up, sign-in and QR creation in production
- Troubleshooting production issues using browser dev tools and the Vercel logs
- Feeding production logs back to the coding agent to diagnose the problem
- Adding a custom domain you already own, or buying one through Vercel
- Updating the Better Auth URL once a custom domain is assigned
By the end of this one the app is live, on your own domain, and working for real users.