In this interactive session we will:

• Go through requirements we had for Breadcrumbs in our web apps at Ahold Delhaize.
• Build a generic breadcrumbs component in the layout.tsx mechanism of Next.js so they are automatically added to all your pages.
• Decide what to put in server components, what to put in client components and demonstrate the problems you get when making wrong choices.
• Build a mechanism that lets a page override the generic breadcrumbs.
• Test your knowledge on React during the session with mentimeter questions.

Next.js is a great framework - until you want to deploy it somewhere that isn't Vercel. vinext is a Vite plugin from Cloudflare that reimplements the Next.js API surface from scratch, so your existing app runs everywhere with a single command. In this talk, we'll look at why this exists, how Cloudflare built it in a week using AI, and how close to "drop-in replacement" it actually gets.

Recently I have been building Menagerie a tool for dispatching many Claude Code agents to complete tasks in parallel while maintaining visibility of progress, status and outputs. agents can show you what they are doing to the web app via playwright and ask for help when the need it.

I think the future of engineering will be based on creating robust agentic systems and amid all the doom and gloom that can exist in the industry these days I want to paint a positive picture of the exciting engineering problems that actually lay ahead of us.

Along with this I'll describe what it has taken me to deploy a system like this, e.g. sandboxing, cursor compatibility, terminals over the network and also how i've made it fun to use (for example you can give your agent a cute avatar, and if you so choose also a top hat)