Cinematic deep dive Hands-On: Coding Agents from Your Phone 4–10 min Hands-on tutorial

A Cake Shop Built by Grok Bot

Seven issues. One Bot. A live cake shop.

Next.js and Vercel, built from GitHub issues by a Bot you steer from your phone

Chapters

  1. Intro
  2. What You Need
  3. The Idea
  4. Meet Your Bot
  5. Build the Site
  6. Grok Images
  7. Deploy
  8. Customiser
  9. Cart & Order
  10. Accept & PayPal
  11. Agent-Friendly
  12. Recap

Who it's for

Beginners who want to hand a whole small project to an agent and stay in control from a phone.

The Signed Link

src/lib/server/order-token.ts
function sign(purpose, orderNumber, data) {
  return createHmac("sha256", ORDER_SECRET)
    .update(`fw1.${purpose}.${orderNumber}.${data}`)
    .digest("base64url");
}

// purpose: view, accept, decline or confirmed
const ok = timingSafeEqual(
  given, sign(purpose, orderNumber, data));
if (!ok) return "This order link isn't valid";

By the End You Will

Plan

Write the work as GitHub issues, one per step

Delegate

Let a Grok Bot build, test and open the PRs

Ship

Live on Vercel, a preview for every PR

Take orders

Signed email links and a PayPal invoice, in dollars

Coming next in the series: Five Bots, One Computer

Found this useful?

Subscribe for the next episode, or share it with the person who owns this part of your stack.

Keep going