Frontend Nation

Frontend Nation 2025: How to build a Terminal Agent like Claude Code or Codex by Garrison Snelling Introduction to Exercise: How to build a Terminal Agent like Claude Code or CodexEver wondered how terminal-based AI agents like Claude Code or Codex are bui...

Check out the Exercise here: https://www.youtube.com/watch?v=7aL0XSoXeT8

Frontend Nation 2025: How to build a Terminal Agent like Claude Code or Codex by Garrison Snelling Introduction to Exercise: How to build a Terminal Agent like Claude Code or CodexEver wondered how terminal-based AI agents like Claude Code or Codex are bui...

🖥️ Ever wanted to build your own Claude Code or Codex?

In this hands-on session, Garrison Snelling from Computesdk broke down how terminal-based AI agents work—and how to build one yourself 🔥🤖

📽️ Now LIVE on YouTube: https://www.youtube.com/watch?v=LMowpx5LRuY

Frontend Nation 2025: Implement Al Semantic Search in a Nuxt Blog w/ Transformer.js by Alex. Opalic Introduction to ExerciseSmarter Blogs with AI: Implementing Semantic Search in Nuxt with Transformer.js Join Alexander Opalic in this Forge session and learn...

Check out the Exercise here: https://www.youtube.com/watch?v=5htM6uWyr5g

Frontend Nation 2025: Implement Al Semantic Search in a Nuxt Blog w/ Transformer.js by Alex. Opalic Introduction to ExerciseSmarter Blogs with AI: Implementing Semantic Search in Nuxt with Transformer.js Join Alexander Opalic in this Forge session and learn...

🧠 Smarter blogs start here!

In this hands-on session, Alexander Opalic walked through how to add AI-powered semantic search to your nuxt blog using Transformer.js ⚡

From setup to deployment!

📽️ Now LIVE on YouTube: https://www.youtube.com/watch?v=A4pUvT7_3l4

Frontend Nation 2025: Build an interactive dashboard w/ React, AG Grid & AG Charts by James S. Bland Introduction to the Exercise: Build a Financial Dashboard with React, AG Grid & AG ChartsJoin James Swinton-Bland, DevRel Lead at AG Grid, for a hands-on For...

Check out the Exercise here: https://www.youtube.com/watch?v=cMmxeuam_uU

Frontend Nation 2025: Build an interactive dashboard w/ React, AG Grid & AG Charts by James S. Bland Introduction to the Exercise: Build a Financial Dashboard with React, AG Grid & AG ChartsJoin James Swinton-Bland, DevRel Lead at AG Grid, for a hands-on For...

📊 Ready to build something real with React?

In this hands-on session, James Swinton-Bland from AG Grid walked through creating a full financial dashboard using React, AG Grid & AG Charts—live and from scratch 🔥💻

📽️ Now LIVE on YouTube: https://www.youtube.com/watch?v=pQOnd64pBHs

Frontend Nation 2025: Stop Doing E2E Tests! Write Better Tests with Contract by Markus Oberlehner YouTube video by Frontend Nation

✅ Want faster, more reliable tests without the flakiness?

@markus.oberlehner.net shared how contract testing with Specmatic can replace brittle mocks and give you real confidence across your stack 🔥🧪

📽️ Watch his talk: youtube.com/watch?v=KTcF...

#FEN25

Frontend Nation 2025: Composable Form Brains without Bloat by Abdelrahman Awad YouTube video by Frontend Nation

@awad.dev, creator of VeeValidate, introduced Formwerk, a lightweight, headless form library for @vuejs.org that’s built for full control, flexibility, and accessibility 💚⚡

📽️ Watch the full talk: youtube.com/watch?v=1r-A...

#FEN25

Frontend Nation 2025: Inside Bolt.new: WebContainer API Meets AI by Jòan Varvenne YouTube video by Frontend Nation

🚀 AI that runs full-stack apps in your browser? Yes, really.

@nemikolh.bsky.social, from @stackblitz.com, gave us a look at @bolt.new - an AI agent powered by WebContainers that handles Remix, React, Supabase, Stripe & more ⚡

Watch it now 👉 youtu.be/RXWJRlLJLbY?...

#FEN25

Frontend Nation 2025: Vue Crash Course: What Can You Build in 20 Minutes? by Michael Thiessen YouTube video by Frontend Nation

How much can you build in 20 minutes with Vue? A lot.

@michaelthiessen.bsky.social showcased
@vuejs.orgs power in a live crash course including SFCs, script setup, and reactivity ⚡

Watch his talk 💥 youtube.com/watch?v=DwAA...

#FEN25

You can now step into our world! Doors are open for AIDD Insiders.
24 hours or 500 seats. Whichever comes first.

vist.ly/3xxwx

Frontend Nation 2025: Visualizing the Unseen to Fix Errors Faster with Sentry’s Session Replay Live YouTube video by Frontend Nation

What if you could see what your users experienced when something broke?🤔

@bitsbysigrid.bsky.social & @nikolovlazar.com from @sentry.io showcased Session Replay—a powerful way to debug with real context, not just logs 🔍

⏯️ Full discussion: youtube.com/watch?v=7Tja...

#FEN25

Frontend Nation 2025: Vibe Coding with Nuxt by Daniel Roe YouTube video by Frontend Nation

Vibe coding with AI + @nuxt.com? It’s a ride. 🚀

@danielroe.dev showcased the highs, the lows, and how to turn AI-powered workflows into real wins. And then built & deployed a Nuxt app live 🔥

Now Live on YouTube 👉 youtube.com/watch?v=J0c9...

#FEN25

Curious about the React Compiler? 🤔

Mykyta Roilian from LeanDNA showcased how it boosts performance in real apps like optimizing `useMemo, useCallback, and more 🔥

Tested across webpack, @vite.dev, and @nextjs.org.

Watch the lightning talk 💥 youtu.be/6OXb96JwdbI?...

#FEN25

Frontend Nation 2025: Stuck in a Focus Trap by Tim Damen Ever been stuck in a modal with no escape? So have your users.In this talk, Tim Damen from Focus Ring takes us into the world of keyboard accessibility and f...

🔒 Ever been stuck in a modal with no way out? Your users have too.

Tim Damen from ABNAMRO showcased how to fix focus traps, manage keyboard navigation, and design accessible interfaces that meet WCAG standards 🎯♿

📽️ Watch the full talk: https://www.youtube.com/watch?v=JO6RJaZKCek

#FEN25

Frontend Nation 2025: Your Own Build Tool Agnostic Web-Plugin? Easy as 1 2 3(D) by Thorsten Seyschab YouTube video by Frontend Nation

🧩 Custom plugins don’t have to be tied to one build tool.

Thorsten Seyschab demonstrated how to create a plugin that preprocesses 3D assets (like glTF) into type-safe
@typescriptlang.org; compatible with @vite.dev, esbuild, Rollup & more 🔥

📽️ Catch the talk 👉 youtube.com/watch?v=7Y8M...

#FEN25

Frontend Nation 2025: Building Framework Agnostic Data Visualisation Libraries by AG Grid Live Panel Can data visualization libraries be truly framework agnostic? In this panel session, Stephen Cooper and Jacob Parker from AG Grid dive into the challenges an...

Stephen Cooper and Jacob Parker from AG Grid dived into the challenges and opportunities of building high-performance data visualization tools that work across frameworks like React, Angular, Vue, and more. 🔥

⏯️ Catch the full discussion: https://www.youtube.com/watch?v=UAUJUjfeMT0

Frontend Nation 2025: Pinia Colada: Smooth Data Fetching for Better UX by Eduardo San Martin Morote Creating smooth, intuitive digital experiences isn’t just about performance, it’s about ergonomics. In this talk, Eduardo San Martin Morote, creator of Pinia...

Great UX isn’t just fast, it’s ergonomic! 🔥

Eduardo San Martin Morote, creator of Pinia & Vue Router demonstrated how async state & real-time updates can make your UI feel smoother and smarter 🔥🖱️

📽️ Watch the full talk: https://www.youtube.com/watch?v=3ZyW4uYJVes

#FEN25

Frontend Nation 2025: High Performance Data Visualisation with the M4 Algorithm by Jacob Parker Rendering millions of data points in the browser can slow your app down or even crash it.In this lightning talk, Jacob Parker from AG Grid reveals how the M4...

📊 Rendering millions of data points without crashing your app? Yes, it’s possible.

Jacob Parker from AG Grid showcased how the M4 algorithm keeps visualizations smooth at 60fps across Canvas, SVG, and D3.js 🔥⚡

Watch the lightning talk 💥 https://www.youtube.com/watch?v=AZFy0_ldwWc

#FEN25

Frontend Nation 2025: What You Should Know Before Vibe Coding with React by Kawtar Choubari AI tools make it easy to “vibe code” your way through a React app, but that convenience comes at a cost. In this talk, Kawtar Choubari breaks down the hidden...

⚠️ Vibe coding with AI might feel fast, but at what cost?

Kawtar Choubari highlighted the hidden risks in AI-generated React code: validation gaps, performance hits, and security flaws 🚨💻

📽️ Watch the full talk: https://www.youtube.com/watch?v=GwYVAD2emfo

#FEN25

Frontend Nation 2025: Building Interactive Async UI with React 19 and Ariakit by Aurora Scharff YouTube video by Frontend Nation

Async UI doesn’t have to be chaotic!

@aurorascharff.no showcased how to clean up async UI using
@react.dev 19, @nextjs.org App Router & Ariakit with faster loads, smoother updates, and better accessibility ♿

📽️ Watch the full talk: youtube.com/watch?v=4aEC...

#FEN25

Frontend Nation 2025: Microfrontends for 5 year olds by Ingila Ejaz YouTube video by Frontend Nation

Ever wondered how to make frontend apps easier to scale?

Ingila Ejaz delivered a clear and friendly intro to microfrontends—what they are, when to use them, and how they empower teams to work faster and smarter 🔥👩‍💻

👉 Watch her talk: youtube.com/watch?v=ryww...

#FEN25

Frontend Nation 2025: The Cake Is a Lie... And So Is Your Login’s Accessibility by Ramona Schwering YouTube video by Frontend Nation

🧁 The login form looks fine, but is it accessible?

@leichteckig.bsky.social from @auth0byokta.bsky.social showcased how small changes in a @react.dev login form can make a huge difference for users with disabilities 💡

Watch her talk 💥 youtube.com/watch?v=18cU...

#FEN25

Ever wondered how to make frontend apps easier to scale? Ingila Ejaz delivered a clear and friendly intro to microfrontends—what they are, when to use them, and how they empower teams to work faster and smarter 🔥👩‍💻 👉 Watch her talk: https://www.youtube.com/watch?v=rywwN_X8tXc #FEN25 Ever wondered how to make frontend apps easier to scale? Ingila Ejaz delivered a clear and friendly intro to microfrontends—what they are, when to use them, and how they empower teams to work faster and smarter 🔥👩‍💻 👉 Watch her talk: https://www.youtube.com/watch?v=rywwN_X8tXc #FEN25

Ever wondered how to make frontend apps easier to scale?

Ingila Ejaz delivered a clear and friendly intro to microfrontends—what they are, when to use them, and how they empower teams to work faster and smarter 🔥👩‍💻

👉 Watch her talk: https://www.youtube.com/watch?v=rywwN_X8tXc

#FEN25

Frontend Nation 2025: The State of Rust Web Frameworks: Pros, Cons & Use Cases by Francesco Ciulla YouTube video by Frontend Nation

Are you a Rust fan? You are in luck!

@francescociulla.bsky.social from @dailydotdev.bsky.social showcased the state of @rust-lang.org web frameworks; performance, community, tooling & real-world fit ⚡

⏯️ Now Live on YouTube: youtube.com/watch?v=B9sK...

#FEN25

Frontend Nation 2025: Creating fluent Frontend Experiences in an age of AI by Tejas Kumar YouTube video by Frontend Nation

The AI era is reshaping how we think about frontend performance.

@tej.as from @datastax.com demonstrated how streaming UI and partial JSON payloads can make your apps feel faster, smoother, and more responsive 🔥

📽️ Watch the full talk: youtube.com/watch?v=-JjD...

#FEN25

Frontend Nation 2025: Native API Security with NativeScript by Nathan Walker YouTube video by Frontend Nation

🔐 Want stronger security in your cross-platform apps?

@wwwalkerrun.bsky.social showcased how
@nativescript.bsky.social lets you tap into native APIs for protection beyond what JavaScript alone can offer 🛡️📱

⏯️ Watch his #FEN2025 lightning talk on YouTube 👉 youtu.be/iD_QWvJAiSI?...

Frontend Nation 2025: # Scaling a Javascript Application from 0 to a Brazilian users by Dan Neciu YouTube video by Frontend Nation

🚀 From zero to thousands of users!

@neciudan.dev from CareerOS shared real lessons from scaling a JavaScript app over 2+ years; what worked, what didn’t, and what they’d do differently 📈

Watch the full story 👉 youtu.be/l5-8vHhVXtQ?...

#FEN25

Frontend Nation 2025: Case Study: Building Accessible UI using Github Co-pilot by Navya Agarwal YouTube video by Frontend Nation

♿ Accessibility isn’t a checklist; it’s about real usability for everyone.

Navya Agarwal from @adobe.com, shared how she used GitHub Copilot to build accessible UI components in Adobe Express, plus the lessons learned along the way. 💡

⏯️ Watch her talk: youtube.com/watch?v=UNdz...

#FEN25

Frontend Nation 2025: Case Study: Building Accessible UI using Github Co-pilot by Navya Agarwal Accessibility isn’t just about ticking boxes, it’s about building experiences that everyone can use. In this case study, Navya Agarwal from Adobe walks us th...

♿ Accessibility isn’t a checklist, it’s about real usability for everyone.

Navya Agarwal from Adobe shared how she used GitHub Copilot to build accessible UI components in Adobe Express, plus the lessons learned along the way 💡

Watch her talk: https://www.youtube.com/watch?v=UNdzCFeEBhc

#FEN25