I Made a Free Boilerplate for AI Coding Agents (full stack)
Leon van Zyl
@leonvanzylAbout
Welcome to my YouTube channel! Here, you'll find step-by-step tutorials on building real-world solutions with AI. From AI agents and automation workflows to vibe coding and agentic coding, I cover it all - using both code and no-code tools like n8n, Claude Code, Codex, Cursor, and more. Whether you're a vibe coder building your first app with AI, or a developer integrating agents into your workflow, there's something here for you. I focus on practical, hands-on tutorials that you can follow along with and implement right away. New videos every week - thanks for stopping by, and I hope you enjoy the content! Letβs work together! - For brand, sponsorship, and business inquiries: [email protected]
Latest Posts
Video Description
π Access ALL video resources & get personalized help in my community: https://www.skool.com/agentic-labs/about?ref=3fd61190e13d426dbf4f3b38adc7de69 π¬ My AI voice-to-text software (Wispr Flow): https://wisprflow.ai/r?LEON114 β Buy me a coffee: https://www.buymeacoffee.com/leonvanzyl π΅ Donate using PayPal: https://www.paypal.com/ncp/payment/EKRQ8QSGV6CWW πΊ More Claude Code Tutorials: https://www.youtube.com/watch?v=50tzzaOvcO0&list=PL4HikwTaYE0FRIBAw9b1TREYXd0heqDlc&index=4 πAgentic Coding Boilerplate: https://github.com/leonvanzyl/agentic-coding-starter-kit Build production-ready apps with authentication, databases, and AI in minutes using this powerful Claude Code template - no complex setup required! β‘ WHAT YOU'LL BUILD/LEARN: πΉ Set up a complete full-stack boilerplate with authentication, database, and AI integration πΉ Create an app with Google OAuth, Postgres database, and AI categorization πΉ Deploy your application to production with custom domains πΉ Master version control and checkpointing for AI agent development πΉ Implement custom design systems and UI components automatically π― PERFECT FOR: β Beginners who want to build real applications ("vibe coders") β Experienced developers looking to speed up project setup β Anyone wanting to integrate AI into full-stack applications β Developers switching from platforms like Bolt or Lovable β Teams needing production-ready templates with authentication π οΈ TOOLS COVERED: Claude Code (AI coding agent) Cursor (alternative AI editors) Next.js (React framework) Postgres Database (via Vercel/Neon) Google OAuth (authentication system) OpenAI API (AI integration) Vercel (hosting and deployment) Git (version control and checkpointing) β° DETAILED TIMESTAMPS: 00:00 - Introduction 00:49 - Download and initial project setup 02:58 - Database configuration and migration 07:26 - Installing prerequisites 08:16 - Setting up Vercel Postgres database 09:08 - Cloning repository and dependency 11:57 - Configuring environment variables 14:05 - Google OAuth setup and client configuration 17:33 - OpenAI API integration setup 19:00 - Building the todo application with Claude Code 26:26 - Creating custom design systems 29:58 - Checkpointing and version control with Git 33:33 - Production deployment to Vercel #ClaudeCode #AIAutomation #FullStackDevelopment
You May Also Like
Start Coding in Style
AI-recommended products based on this video

10.1 Inch Touch Portable Monitor IPS Screen 1366x768P 60Hz 400 Brightness 99% sRGB HDMI USB-C Monitors Switch for Xbox PS3/4/5 Laptop Compatible with Raspberry Pi, Mini Touch Screen

ELECROW 8 Inch Portable Monitor, 1280x800 Mini HD Display with Built-in Speakers, USB Powered, Non-Touch LCD Screen for Raspberry Pi, PC, Laptop, Jetson Nano, Game Consoles

7 Inch Portable Monitor Touchscreen HD 1024x600 LED Display Dual HDMI Port Small Monitor for PC Raspberry Pi Laptop Computer Xbox PS4/5 Switch Built-in Speakers

BrosTrend 1800Mbps WiFi 6 Linux WiFi Adapter for PC and Raspberry Pi 2+, Long Range USB WiFi Dongle Linux for Ubuntu, Mint, Debian, Kubuntu, Lubuntu, Zorin, Windows 11/10, Dual Band Wireless Antenna

Pink Unicorn Carrying Case Compatible with Nintendo Switch Lite with Crystal Glitter Soft Protective Case Cover+Screen Protector+Stickers, Hard Storage Case Accessories Kit for Girls Birthday Gift

Pink Unicorn Carrying Case Compatible with Nintendo Switch (Not OLED or Lite) with Dockable Protective Grip Case +Screen Protector +Unicorn Stickers, Hard Storage Case Accessories Kit Bundle for Girls

HEYSTOP Case for Nintendo Switch OLED Model, Protection for Switch OLED Switch Case OLED Kit Accessories Cover for Nintendo Switch OLED with Tempered Glass Screen and Thumb Covers Grips

DLseego Pink Love Leopard Carrying Case for Switch, Cute Silicone Protective Case Soft Cover with 4PCS Thumb Grip Caps and Pink Plush Heart Pendant Hard Storage Case Accessories Kit Bundle for Girls

USB C Cable 3Pack USB C to USB C Cable 10FT 60W Type C Charger Nylon Braided Compatible with iPhone 17 16 Pro/15 Pro/Plus/Max/iPad/MacBook and More

Syntech Link Cable 16FT for PCVR Compatible with Oculus/Quest 3/Meta Quest 3S, Quest2/Pro/Pico 4/Ultra Accessories and PC/SteamVR, High Speed PC Data Transfer, USB 3.0 to USB C Cable for VR Headset
![USB to USB C Cable for iPhone 16/15 [MFi Certified] Carplay Cable Car Charger Cord 6FT/4Pack Compatible with iPhone 16/16 Plus/16 Pro/16 Pro Max, iPhone 15/15 Plus/15 Pro/15 Pro Max,iPad Air/Mini](https://m.media-amazon.com/images/I/61Z0Sl54sYL._AC_UL960_FMwebp_QL65_.jpg)
USB to USB C Cable for iPhone 16/15 [MFi Certified] Carplay Cable Car Charger Cord 6FT/4Pack Compatible with iPhone 16/16 Plus/16 Pro/16 Pro Max, iPhone 15/15 Plus/15 Pro/15 Pro Max,iPad Air/Mini

Car Carplay Cable for iPhone 16/16 Pro Max/16 Plus/15 Pro Max Plus, 3.3ft USB to USB C Cable Compatible with Apple Car Play iPhone 16 15 Cord, USB A to USB C Car Charger Cable Cord (Black)

Digital Multimeter Voltmeter Battery Voltage Multi Tester AC DC Volt OHM Amp Current Meter Circuit Continuity Resistance Diode Electrical Tester with Test Leads Backlight LCD Display

Thermal Brush,10 Temperatures LCD Display Upgrade to 400Β°F 1.5 in Heated Round Brush Curling Iron Heated Ceramic Tourmaline Ionic Comb 110-240V Volum

Thermal Brush,10 Temperatures LCD Display Upgrade to 400Β°F 1.5 in Heated Round Brush Curling Iron Heated Ceramic Tourmaline Ionic Comb 110-240V Volum

4K HD Digital Camera, 18X Zoom Selfie Vlogging Camera Autofocus with 2.8 Inch LCD Display, Portable 64MP Compact Video Camcorder Anti Shake for Travel (Black)

Hand Warmers - 2 Portable Winter, Handwarmer Rechargeable for Outdoor Sports | Temperature Settings Cartoons, Office Heater Bear Shape, ABS Electronics Components 8.4x8.4x5.4cm Beige Orange Pink

Digital Multimeter Voltmeter Battery Voltage Multi Tester AC DC Volt OHM Amp Current Meter Circuit Continuity Resistance Diode Electrical Tester with Test Leads Backlight LCD Display

AstroAl Digital Multimeter 2000, Multimeter Tester with Volt Amp Ohm, Multi Meter Measures Voltage, Current, Resistance, Continuity and Diode, Electrical Tester with Test Leads, Backlight LCD Display



















