OpenTube

How Senior Engineers Actually Build With AI in 2026 | Build a Full Stack Systems Architecture App

JavaScript Mastery

1,313,114 views

The Agentic Engineering Course is LIVE! 🔥
Invest in your engineering future 👉 https://jsm.dev/ai

Build a production-ready SaaS without writing code by hand. Architecture-first workflow, proper context management for AI agents, and a real app shipped with Next.js, Prisma, Postgres, TypeScript, and Tailwind.

Clerk: https://jsm.dev/ghost-clerk
Trigger.dev: https://jsm.dev/ghost-triggerdev
Liveblocks: https://jsm.dev/ghost-liveblocks
CodeRabbit: https://jsm.dev/ghost-coderabbit

🎁 Video Kit (Code, Assets, Prompts): https://jsm.dev/ghost-kit
📘 Six-File Methodology: https://jsm.dev/ghost-context

⭐ JSM Pro Content: https://jsm.dev/ghost-jsm

➤ Links not working? Some regions may need a VPN.

Discord: discord Twitter: jsmasterypro Instagram: javascriptmastery LinkedIn: javascriptmastery

Business Inquiries: contact@jsmastery.pro

Timestamps:
00:00:00 — Introduction
00:03:15 — Crash Course
00:14:31 — Project Setup
00:21:43 — Preparing Context
00:39:51 — UI Primitive Components
00:48:14 — Layout Setup
00:58:17 — Authentication
01:21:05 — Project Dialogues
01:31:00 — Prisma Setup
01:38:58 — Project CRUD APIs
01:51:18 — Editor: Access Sharing
02:04:02 — Editor: Liveblocks Canvas
02:23:54 — Editor: Canvas Features
02:46:19 — Avatar Feature, Chat Sidebar UI & Auto Save
03:05:01 — Trigger.dev Setup
03:15:32 — AI Architecture Design Generation Flow
03:39:21 — AI Spec Generation
03:50:28 — Deployment

20 Comments

@javascriptmastery Creator 5 months ago (edited) Pinned

The JSM Agentic EngineeriThe Agentic Engineering Course is LIVE! 🔥
Invest in your engineering future 👉 https://jsm.dev/ai

Wanna build like I do?
➤ JSM Skills: https://jsmastery.com/skills
➤ JSM Workflow: https://jsmastery.com/workflow-guides

Links not working? Some regions may need a VPN.
Something's missing? Leave a comment, or contact support@jsmastery.pro

🎁 Looking for Code, Prompts? Look for the "Video Kit" link in description.
📘 Six-File Methodology: https://jsm.dev/ghost-context

@CallMeDaps 4 months ago

I fell asleep watching YouTube, and woke up to this.
Peak 10/10

@EnglishNaturallyTalks 3 months ago

Message for the YouTube algorithm: Recommend me this type of videos

@morscript 5 months ago

I’d like to invite everyone to give Adrian a well-deserved round of applause.

@BRADLYJO-m2e 4 months ago

This is the kind of AI coding workflow that actually feels professional. Architecture-first makes way more sense than just prompting for random code.

@anmolsharma4049 4 months ago

Showing screenshot of gary tan when saying "Senior engineers" is diabolical

@YKRAFT 10 days ago

To get better results, I built my own stack of reusable packages, complete with documentation, README files, and usage guides. Because of this, I can build quickly. What I'm saying is that when AI has enough context and reusable components, it's remarkably good at planning, executing, and applying design patterns.

@James-yw1gx 13 days ago

just go all in with your mind and let the machines carry as much for you while you do that. I learned doing this directly with them. They started to learn with me eventually. That is when it starts to get really interesting.

@aaziblim 5 months ago

I’ve waited so so long for this banger! Now let’s ship unbreakable systems🔥

@harveysweb 4 months ago

I've been watching YouTube for years, just like everyone else. I try to learn as much as I can. I gained more value from this video than from anything I have watched on the platform in the entire time I have been on it. Absolutely, 10/10 content. Nothing compares... Thank you, truly. Google, please bless this dude... Don't stop being you. Thanks again!

@zebedee788 5 months ago

I wait for Code with Antonio while I immerse myself into this masterpiece thanks JSM you’re a Legend.
If I consume these workflows from the two GOATS I should be on another level, giving me the ability to build anything at all on my own.

@HasanKhater 2 months ago

The most dumb thing is that a person who isn’t a programmer and was trying to force AI to build an IT solution for a couple of months unsuccessfully because of my negligence of AI (LLMs) limitations I arrived at the same structure of this video after I started from scratch for 3 times building an ERP system.

@liveblocks 4 months ago

Glad to see you using Liveblocks to power multiplayer collaborative features!

@fernandagioiosa987 1 month ago

I would love a tutorial about creating design systems and also about conductor.

@your_sis_san 1 month ago

This was exceptionally helpful. The video significantly enhanced my skills and provided tremendous value. Thank you very much, and please keep up the fantastic work. 😇

@agenticcompany 5 months ago

Bro you are the real MASTER
thank you for the another masterpiece

@7612387601283659 2 weeks ago

2:08 best response to "Ai has killed entry level roles" it's just a comp Sci degree with extra steps. Software engineering bachelor's programs could be augmented with a residency, apprenticeship stage to convert new hires into competent architects.

@LordBaah 5 months ago

I still owe you a bunch of video views 😂 I landed my first job as a fullstack developer last year after watching your free Express.js course on YouTube and using what I learned to build projects. Thank you!