Traversy Media
Traversy Media features the best online web development and programming tutorials for all of the latest web technologies from the building blocks of HTML, CSS & JavaScript to frontend frameworks like React and Vue to backend technologies like Node.js, Python and PHP
Freelance Web Developer Roadmap
This video is a practical guide to becoming a successful freelance web developer, drawing on the creator’s personal journey from a tough upbringing to building a freelancing career, agency, and teaching. It covers choosing a freelance path and skill set, mastering web technologies, and then building a business around branding, pricing, proposals, client acquisition, and scaling—through outsourcing, ongoing services, and smart use of tools, templates, and no/no-code options.
Build & Deploy An AI-Powered Chat App | Vue, Node, TypeScript, Open AI, Stream & Neon Database
The video walks through building a full‑stack, AI-powered chat app called Chat AI, using a Vue frontend with TypeScript and a Node/Express backend. It covers integrating OpenAI (GPT-4) for chat replies, Stream Chat for real‑time messaging, Neon PostgreSQL with Drizzle ORM for data persistence, and deploying the backend to Render and the frontend to Vercel, including user registration, chat history, and routing UI.
NextJS + Postgres and Error Monitoring - Full Stack Support Ticketing System
Brad introduces a quick, tool‑stack focused project: building a support-ticket app with Next.js, Neon Postgres, Prisma, and Sentry. He outlines four phases: 1) set up Sentry and the database, 2) establish a basic UI and ticket creation, 3) implement ticket display with server actions and Sentry reporting, and 4) add user authentication and user-scoped ticket access along with additional UI/UX refinements.
I Tried Vibe Coding - Here Are My Thoughts
The video explains vibe coding as using AI to generate code rather than handcrafting every line, sharing both its potential productivity benefits and the cautions beginners must heed. The speaker emphasizes balance, learning fundamentals, and using AI as a supplement rather than a replacement for real understanding.
Why This Boring AI business Idea Makes Money
The video argues that the most practical AI opportunity for freelancers and small businesses is to build proven automation solutions, not flashy new products, emphasizing reliability and market demand. It then demonstrates a hands-on how-to for creating a voice AI assistant using VPY, OpenAI, and automation tools (N8N, Google Sheets, webhooks), illustrated with a pizza shop workflow to show how data flows, tools, and endpoints come together to automate orders, tracking, and customer interactions.
What happened to Brad Traversy?
The video explains Brad's health challenges, announces a strategic partnership with Dennis Ivy, and outlines channel changes to reduce burnout while expanding production and community engagement.
This is what I've been working on
Brad Traversy announces a new 25 hour modern React course with TypeScript, created to replace the old React front to back course. He explains bringing on Dennis to help grow Traversy Media, outlines the course focus on fundamentals, modern envs, real world projects, and a full stack MERN option, plus secure token handling and future content ideas.
Figma Oversimplified
This video offers a concise overview of Figma as a collaborative UI/UX design tool, highlighting its core features like frames, components, auto layout, variants, and prototyping, as well as practical workflows for designing web and mobile interfaces. It also touches on exporting designs to real products, including integrating Figma designs with Wix Studio to turn mockups into functional websites, and hints at a forthcoming in-depth two-hour crash course. The focus is on building reusable design systems (components and styles), arranging layouts with auto layout, and bridging design to development and deployment.
Cursor Crash Course & AI Coding For Beginners
The video introduces Cursor as an AI-assisted coding environment, outlining its interface, pricing, and how to use AI at different levels of assistance. It walks through practical examples—from modifying a shopping cart UI and building a SAS landing page to creating a Next.js markdown resume editor—while emphasizing context, rules, and workflow. The presenter also discusses best practices, settings, and how to evaluate changes and outputs within real projects.
I'm Really Starting To Like Coding With AI
The speaker opens by sharing a cycle of burnout and renewed motivation, noting how newer AI tools like Cursor and Claude Code have reignited their passion for building. They discuss real-world uses and side projects—ranging from a favicon generator to health-focused AI apps—and reflect on how AI can both accelerate development and create new learning needs for beginners. The video also covers practical cautions for beginners about over-reliance on AI, emphasizes maintaining core coding understanding, and ends with personal updates and sponsor mentions.
Developers have a problem with side projects
The video explains why side projects are often abandoned and offers practical tips to start small, avoid overengineering, stay accountable, and ship a minimum viable product to build momentum.
My Current Tech Stack
The video outlines the creator’s current dev stack, why each choice was made, and examples of projects built with it, along with lessons learned about building large apps with AI assistance and manual coding.
Get daily AI recaps from
Traversy Media in your inbox
Get AI-powered summaries delivered to your inbox. Save hours every week while staying fully informed.