keepUpAI
Start free

Vibe Coding · Module 6 of 14

Sign-In with Clerk

Add sign-up, sign-in and sign-out, protect private pages, and connect each user to their own data.

~15 min2 lessons1 sorting tasks1 matching tasks2 checklists1 ordering tasks1 click challenges
Start module

What you'll learn

  1. 1

    Who Are You, and What May You Do?

    Authentication versus authorization, and what Clerk's keys are for.

    Goal: Explain the difference between authentication and authorization, and place each Clerk key correctly.

    • Two different questions
    • Authn or authz?
    • Clerk's keys
    • Before you continue
  2. 2

    Add Clerk to TinyTasks

    Create a Clerk app, add sign-in and sign-out, protect the task page and handle signed-out and expired sessions.

    Goal: Add working sign-up, sign-in and sign-out with Clerk, and show the task page only to signed-in users.

    • The setup, step by step
    • What a visitor experiences
    • Find the unprotected page
    • Project task: add Clerk
    • Sessions expire
    • If AI gets stuck
What Vibe Coding Is (and Isn't)Programming Concepts You NeedTurn an Idea into a Clear PlanBuild the InterfaceUnderstand and Review AI-Generated CodeStore Data with SupabaseProduct Analytics with PostHogPayments and Receiving MoneyDebugging When AI Gets StuckSecurity, Privacy and QualityDeploy and LaunchImprove After LaunchOptional: From Web App to Mobile App