The login page and staying signed in

About 60 minutesYou need: adjoas-kitchen open in Cursor with npm run dev running, Chrome, your password manager, and the Supabase dashboard
This video is in the full courseGet the course to watch every video and read every lesson in full. GHS 399, paid once.Get the course · GHS 399
Video · 15:15
Goal

Build a private /login page where Adjoa signs in with her email and password, stays signed in when she closes the tab, and signs out with one button.

Why this matters

This is the lesson where the picture from 9.1 becomes real code. You'll see the wristband (the session) arrive in Adjoa's browser as a cookie, survive closing the tab, and disappear when she signs out.

A login page looks simple: two boxes and a button. Behind it are three small pieces of machinery that must work together, and when students got lost in earlier cohorts, it was because they couldn't tell the pieces apart. So before you prompt anything, you'll see each piece and its job. Then Cursor writes them, following Supabase's official pattern for Next.js, and you check each one does its job.

In the full lesson

  1. The idea in plain English
  2. Do it
  3. Check it worked
  4. Understand what AI wrote
  5. Quick check
  6. What you can do now
Stage 2 · Make it workYou’ve seen the why. The how is in the course.

The step-by-step, the prompt to copy, the video and the check-it-worked list, for every lesson in all 15 modules. GHS 399 ($40), paid once by mobile money or card, yours to keep.

Get the course · GHS 399See what’s inside
Already have the course? Open the full lesson