Front end, back end, database: the restaurant picture

About 30 minutesYou need: Cursor with my-studio-site open, Google Chrome, and your builder's notebook
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 · 10:12
Goal

Explain front end, back end and database with one everyday picture, and know which parts of a Next.js website run in the visitor's browser and which run on the server.

Why this matters

So far, every website you've built has been a beautiful shop window. People can look, read and tap a WhatsApp button. But nothing they do is kept. If Adjoa wanted customers to order lunch on her website instead of on WhatsApp, the site would need somewhere to put the orders, and a way to get them there safely.

That "somewhere" and that "way" are the back end. It's the part of web development that clients pay the most for, and the part where most beginners get lost, because they're handed ten new words at once with nothing to hang them on.

This lesson gives you something to hang them on: a restaurant. You'll use this picture for the rest of the course. When a later lesson says "the Server Action checks the order", you'll see a cook checking a ticket. When it says "Row Level Security", you'll see the person guarding the order book. Get this picture clear today and everything after it gets easier.

If back-end words have made you nervous before, that's normal. Nobody is born knowing what a server is. In half an hour you'll be able to explain it to a client.

In the full lesson

  1. The idea in plain English
  2. Try it
  3. Check it worked
  4. Quick check
  5. 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