Connecting the outside world

Your notes app has real users. Sign up, log in, see only your own data — it all works. But hand the URL to a friend and two things break: there's no Google login button, and verification emails go to a terminal they can't see.

This chapter closes both gaps. You'll leave the code editor and spend most of your time in dashboards — Google Cloud Console, GitHub Developer Settings, Resend, Turso, and Vercel. The code is already in the starter. Your job is to connect it.

Auth with OAuth buttons and real email

Integration work

Up to now, every chapter has been about building features — routes, forms, database tables, user accounts. This chapter is different. You won't write much code. Instead, you'll configure external services and wire them into your app with environment variables.

Each integration adds something visible and testable. The Google button appears. The GitHub button works. A real email arrives in your inbox. The deploy page is the victory lap.

?What is OAuth?

Here's the plan

  1. Set up Google OAuth — Create credentials in Google Cloud Console, uncomment one line, test
  2. Set up GitHub OAuth — Same pattern, different dashboard
  3. Send real emails — Replace console-printed links with real email delivery via Resend
  4. Ship it — Create a production database, add env vars and callback URLs, deploy
  5. Wrap up — Celebrate what you shipped

By the end, anyone with a browser can sign up for your app — with Google, GitHub, or email — and receive real verification emails. Let's start with Google.