VibeCourse

Practical Guide. Eight hands-on modules that skip the theory and build real shit. Databases, auth, deployment, integrations - each module ships a working widget you can poke at right here.

8 modulesinteractiveno bullshit
module 03

Database Basics

Neon DB visual table editor. Add, delete, and toggle row status in a live mock grid.

idnameemailstatus
1alicealice@neon.dev
2bobbob@neon.dev
3carolcarol@neon.dev

3 rows — click status to cycle, x to delete

module 04

Forms and Buttons

Data submission sandbox. Fill fields, hit submit, see the raw JSON payload.

module 05

User Logins Made Simple

JWT visualizer. Toggle algorithms and subjects, flip the signature bit.

eyJJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJJpYXQiOiIxNzg5ODQ2ODU4Iiwic3ViIjoiYWRtaW5fMDA3In0=.dmFsaWRfc2lnbmF0dXJl

signature valid

module 06

How to Deploy and Fix Errs

Mini terminal simulator. Run build, lint, test, and push commands.

$ ready
module 07

Troubleshooting Your AI

Console inspector widget. Trigger log, warn, error events and inspect output.

[console] ready
module 08

Integrations

Stripe + Email mock dashboard. Toggle live/test mode and sync config.

stripe
email (resend)
module 09

Mobile Friendly Design

Layout simulator. Drag the slider to resize from 4 columns down to a single stack.

cols: 4
hero
features
testimonials
pricing
cta
footer

desktop (4 columns)

module 10

Going Live and Custom Domains

DNS puzzle. Match A and CNAME records to the right targets.

typelabeltarget
A@
CNAMEwww
Aapi