Nuxt Modules and Open Source at work (with Lucie Haberer)

DejaVue

#Tech #Podcasting Education #Alexander Lichter #Michael Thiessen #Vue #Vuejs #Nuxtjs #Nuxt #Web Development #Frontend #End #Webdev #JavaScript #TypeScript

30:28

Building a thriving business isn't always about rapid expansion. When should you hit the accelerator on growth, and when should you pump the brakes? Jannese and Austin are in Nashville, Tennessee to talk with Taku Zhou and Sibusiso Ajayi of TKZ Architecture LLC to explore this crucial entrepreneurial crossroads. The duo shares candid insights from their journey building TKZ Architecture, revealing the moments they knew it was time to scale – and importantly, when it wasn't. They discuss how they balanced the allure of growth against the need to strengthen their foundation through refined workflows, established protocols, and market positioning. Tune in as we unpack the strategic decision-making that goes into sustainable business expansion and learn the telltale signs that you're ready for growth and how to execute that transition successfully. Learn more about how QuickBooks can help you grow your business: QuickBooks.com See omnystudio.com/listener for privacy information.…

about a year ago 47:20

MP3•Episode home

In this episode, Alex is joined by fellow Nuxt core team member Lucie Haberer, who is not only a DX Engineer at Prismic, doing open source but also public speaking.

Together they talk about Lucie's recent free Nuxt and Nuxt UI course and how she got into Vue and Nuxt. Lucie explains further why she fell in love with Nuxt modules and which modules she built so far - with some enlightening surprise there!

In addition, they talk about how Open Source works at Prismic - from when they do open source over to sponsoring projects and contributing - and many more insights.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:49) - A Free Nuxt UI Course
(04:02) - How you got into Vue.js
(06:42) - From Building a Nuxt module for SSG to joining the core team
(13:48) - A module to control your smart lightbulb?
(14:35) - Running a Nuxt module in every Nuxt app on the computer
(19:33) - Public Speaking and Conferences
(23:41) - Local Meetups
(26:26) - Lucie's responsibilities in the Nuxt team
(27:27) - Inbox 0 and GitHub notifications
(28:55) - Building vs. working with a framework
(31:21) - Monkey patching - but don't forget to raise an issue!
(32:11) - Being a DX Engineer
(35:20) - Prismic and Open Source
(40:56) - Open Source Sponsoring
(43:00) - Working with other frameworks
(45:36) - Wrapping up

Links and Resources

$10 off for Michael's Nuxt Tips Collection* with this link and the code DEJAVUE
10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUE

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

56 episodes

DejaVue

Nuxt Modules and Open Source at work (with Lucie Haberer)

DejaVue

published about a year ago

MP3•Episode home

In this episode, Alex is joined by fellow Nuxt core team member Lucie Haberer, who is not only a DX Engineer at Prismic, doing open source but also public speaking.

In addition, they talk about how Open Source works at Prismic - from when they do open source over to sponsoring projects and contributing - and many more insights.

Enjoy the episode!

Chapters

(00:00) - Welcome to DejaVue
(00:49) - A Free Nuxt UI Course
(04:02) - How you got into Vue.js
(06:42) - From Building a Nuxt module for SSG to joining the core team
(13:48) - A module to control your smart lightbulb?
(14:35) - Running a Nuxt module in every Nuxt app on the computer
(19:33) - Public Speaking and Conferences
(23:41) - Local Meetups
(26:26) - Lucie's responsibilities in the Nuxt team
(27:27) - Inbox 0 and GitHub notifications
(28:55) - Building vs. working with a framework
(31:21) - Monkey patching - but don't forget to raise an issue!
(32:11) - Being a DX Engineer
(35:20) - Prismic and Open Source
(40:56) - Open Source Sponsoring
(43:00) - Working with other frameworks
(45:36) - Wrapping up

Links and Resources

$10 off for Michael's Nuxt Tips Collection* with this link and the code DEJAVUE
10% discount for the vue.js de Conf in Bonn, Germany* with code DEJAVUE

56 episodes

#Tech #Podcasting Education #Alexander Lichter #Michael Thiessen #Vue #Vuejs #Nuxtjs #Nuxt #Web Development #Frontend #End #Webdev #JavaScript #TypeScript

All episodes

DejaVue

1
e18e: Ecosystem Performance (with James Garbutt) 1:02:51

4 days ago1:02:51

1:02:51

In this episode of DejaVue, Alex sits down with James Garbutt, open source maintainer and lead of the e18e initiative. James shares his journey from writing web scrapers as a teenager to maintaining critical JavaScript libraries like parse5 or Chokidar and eventually co-creating the ecosystem performance initiative. The conversation is then all around e18e, which aims to improve performance across the JavaScript ecosystem through three pillars: Cleaning up dependency trees Speeding up popular packages Creating lighter alternatives to bloated libraries James explains how the community-driven approach has produced impressive results all across the web development landscape. Learn about real-world examples of performance improvements, including replacement packages like tinyglobby and nano-staged , and discover how to contribute to e18e even if you're new to open source. James shares also insights on balancing between backward compatibility and performance, bundling dependencies, and also shares future plans for e18e in 2025. Enjoy the episode! Our Guest James "43081j" Garbutt e18e Website Bluesky Chapters (00:00) - Welcome to DejaVue (00:34) - Which libraries do you maintain? (02:10) - How did you get into programming? (04:57) - What lead you to Vue.js (06:40) - Not ending up in a framework bubble (09:41) - Meta frameworks converging (11:28) - What is e18e? (15:40) - The purpose of e18e (18:27) - How to participate? (20:38) - Are there prerequisites? (23:59) - Ripple effects from e18e improving the ecosystem (26:36) - Helping other projects migrate (30:27) - Considering backwards compatibility (35:50) - Example for replacement packages (37:56) - tinyglobby (40:40) - Edge cases and modular architecture (43:49) - Performance pattern and anti pattern (45:32) - Bundling dependencies (50:48) - What is planned for e18e in 2025? (56:39) - How do you lead and structure the e18e initiative? (01:01:42) - Anything else we didn't cover? (01:02:21) - Wrapping up Links and Resources Parse5 Doom in TypeScript Flappy Bird in TS LitElement Speeding up the ecosystem blog post series by Marvin Hagemeister e18e issue overview e18e Discord minizlib install size improvements Storybook dependency tree reduction e18e module replacement repository Anthony Fu's node_modules inspector Publint by Bjorn Lu Umbrella CLI nano-staged (instead of lint-staged) npm-run-all2 eslint-import-plugin-x (instead of eslint-plugin-import) tinyglobby (instead of any other glob lib like globby/fast-glob) fdir Vite Devtools announcement Bundling dependencies (and when not to do it) A lighter Nuxt CLI Your Hosts Alexander Lichter Bluesky YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
Open Source Sustainability (with Daniel Roe, Chad Whitacre & Rijk van Zanten) 1:00:24

11 days ago1:00:24

1:00:24

Join hosts Michael Thiessen and Alexander Lichter for a special episode of DejaVue - a fascinating panel discussion on open source sustainability with three open source enthusiasts: Daniel Roe (Nuxt Team Lead), Chad Whitacre (Head of Open Source at Sentry), and Rijk van Zanten (CTO and co-founder of Directus). The panelists dive deep into what sustainability truly means in open source and get deep into the weeds of different licensing models, debating whether open source functions as a gift economy, and discuss the challenges of project governance. The panel also discusses important questions about leadership structures in open source projects, the role of companies in funding development, and practical ways everyone can contribute to making the ecosystem more sustainable - whether financially or through other meaningful contributions. Enjoy the episode! Our Guests Daniel Roe - Nuxt Team Lead Bluesky Web Chad Whitacre - Head of Open Source at Sentry Bluesky Twitter Web Rijk van Zanten - CTO and co-founder of Directus Bluesky Twitter Web Chapters (00:00) - Welcome to DejaVue (04:06) - What is Open Source Sustainability (12:51) - Open Source as a gift economy (19:20) - The Projects and their Licenses (29:50) - Sentry is not Open Source (34:53) - Open Source Definition and OSI (37:09) - Why people adopt open source software? (39:44) - Open Source Governance (47:50) - Stewarding an open source team (52:22) - Open Source Leadership (55:40) - What can YOU do to help open source? Links and Resources Mastering Nuxt * xkcd on standards Jacob Kaplan-Moss: Paying Maintainers is Good Sentry Directus Nuxt BSL Fair Source MIT AGPL OSI BDFL Nuxt Governance Open Source Steward in the CRA Daniel Roe: Contributing to Nuxt Open Source Pledge Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
New Releases: Nuxt 3.16 and Nuxt UI 3 42:15

20 days ago42:15

42:15

Nuxt 3.16 dropped and it's packed with goodies! In this episode, Alex and Michael break down all the cool stuff in this release that'll make your Nuxt development smoother. They dive into the new command to initialize a Nuxt application, the performance-game-changing lazy hydration support that'll boost your app's performance, and named layer aliases (that you've been waiting for). Plus, huge performance improvements, better error messages with Nitro 2.11 and debugging improvements that'll save you hours of head-scratching. But wait, there's more! The duo also geeks out over Nuxt UI v3, which (surprise!) now works with plain Vue.js too - not just Nuxt. Learn how it leverages Tailwind v4, introduces a sweet CSS variables-based design system, and builds on Reka UI primitives for better accessibility. And somehow, a discount code for Nuxt UI Pro * *cough DEJAVUE cough* gets snuck in there too! Enjoy the episode! Chapters (00:00) - Intro (00:54) - Nuxt 3.16 Feature Overview (01:27) - A new way to initialize Nuxt projects (07:06) - Lazy Hydration in Nuxt (16:05) - Named Layer Aliases (17:45) - Lines of Code vs. Complexity (20:16) - What a new Nitro minor brings to the table (21:33) - Fine-grained debugging options (23:25) - Nuxt Devtools v2 (25:47) - Faster module resolution (and faster boot up time) (27:39) - Using OXC to speed up component parsing (28:58) - Benchmark performance improvements (31:43) - Nuxt UI v3 (40:58) - Sneak peek at next weeks episode 👀 (41:17) - Suggest a new slogan! Links and Resources Mastering Nuxt is out now!* Nuxt UI * Get 20% OFF Nuxt UI PRO * with discount code DEJAVUE Nuxt 3.16 blog post Vue implementing Lazy Hydration Nuxt Lazy Hydration PR Lazy Hydration in-depth More about Nuxt Layers Revamping data fetching in Nuxt PR Nitro 2.11 Youch Harlan's PR to speed up module resolution OXC PR Rolldown-vite CodSpeed Tailwind Variants Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
Visualizing Data in Vue (with Dennis Adriaansen) 1:03:14

28 days ago1:03:14

1:03:14

In episode 52 of DejaVue (yes, it is a whole year ), Dennis Adriaansen joins Michael and Alex to discuss data visualization in Vue.js. Dennis shares insights about building chart components, his experience with different charting libraries, and introduces his own Vue charting library. They explore topics like chart customization, performance considerations, and integrating charts into dashboards. The conversation also gets into broader topics such as open source sustainability, UI libraries, and backend integrations with Nuxt. Enjoy the episode! Our Guest Dennis Adriaansen Vue Chart Library X BSky Chapters (00:00) - Welcome to DejaVue (00:33) - A year of DejaVue (01:20) - Another announcement from Michael (02:52) - How did you get into programming? (07:07) - Would people choose Vue more if it was more popular? (11:37) - Podcasts and Hot Takes (19:03) - Why charts? (21:05) - How do you get started with building chart components? (23:39) - What was your use case for charts? (25:16) - What does Unovis provide? (29:31) - Why not other Chart Libraries? (34:34) - Performance of Charts (38:48) - A tiny Vapor update (40:40) - Which Charts does your library support? (44:10) - When do you do Open Source? (45:05) - Open Source Funding & Contributions (49:47) - What makes a good Dashboard? (52:03) - Which backend do you use with Nuxt? (58:41) - Do you have a preferred UI library? (01:01:43) - Where can people find you? Links and Resources DejaVue #051 - Vite Inside Out (with Matias "Patak" Capeletto) Mastering Nuxt * DejaVue #E049 - The Fusion of Laravel and Vue (with Aaron Francis) DejaVue #E041 - The Quadruple Migration (with Rijk van Zanten) D3.js Tremor Labs chart.js Unovis Dennis' Nuxt error dashboard Vapor Playground Reading Vue Vapor Vue Chrts (Dennis' Lib) Open Source Pledge BBF Pattern zod valibot Standard Schema Nuxt UI * Inspira UI Reka UI Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
Vite Inside Out (with Matias "Patak" Capeletto) 1:26:38

5 weeks ago1:26:38

1:26:38

Vite is amazing, I think we can all agree on that statement. But what is Vite actually !? Why is it so great, faster than webpack and the "de-facto standard of the web" already? Alex is joined by Vite Core Team member Matias Capeletto, better known as Patak, to talk about all these questions. Learn about the future of Vite, how it uses two bundlers under the hood and why almost every framework adopted it. Enjoy the episode! Enjoy the episode! Our Guest Matias "Patak" Capeletto Vite Website Bluesky Chapters (00:00) - Chapter 1 (00:00) - Welcome to DejaVue (52:00) - How did you get into programming? (05:19) - Working on Open Source Full Time (08:16) - What is Vite? (18:48) - Why is Vite so fast? (22:19) - Rollup and ESBuild? (26:22) - VoidZero and Rolldown (34:08) - The Scope of Vite (36:27) - Vite Environment API (45:49) - Converging Frameworks (50:51) - Funding in Open Source (01:04:24) - React as "the last framework"? (01:10:18) - CRA Deprecation (01:24:41) - Where can people follow you? (01:26:09) - Last Words Links and Resources Rolldown Snowpack rolldown/vite vinxi unplugin vite node Miniflare All About VoidZero DejaVue #044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) Sunsetting Create React App CRA PR create-tsrouter-app Your Hosts Alexander Lichter Bluesky YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
DevRel and IDEs (with Jan-Niklas Wortmann) 51:08

6 weeks ago51:08

51:08

For episode number 50 ( not 51 Alex! ), Angular GDE and JetBrains DevRel Jan-Niklas Wortmann joins the show. Together with Michael and Alex they dive into Jan-Niklas' angle of being a DevRel, how framework communities are different and why people should give WebStorm a try. Beyond that, Volar and LSPs are also covered, as well as some new announcements! Enjoy the episode Our Guest Jan-Niklas Wortmann Website Weekly Devs Brew Bluesky Chapters (00:00) - Welcome to DejaVue (01:19) - Guest Intro (03:49) - Difference of Framework communities (08:56) - The Ups and Downs of DevRel (19:52) - Advice for people doing DevRel (25:05) - What is JetBrains? (27:46) - Reluctance to change Tools (31:01) - Why one should check out WebStorm (42:21) - TypeScript and AI in the IDE (48:06) - A web-dev newsletter for your coffee break (49:56) - Where can people follow you? Links and Resources KCDC DejaVue #E033 - Vue or React (with CJ Reynolds) Nuxt Project Template in WebStorm DejaVue #E049 - The Fusion of Laravel and Vue (with Aaron Francis) DejaVue #E007 - From Code to DevRel and Leadership (with Marc Backes) Try the new WebStorm TS Engine now JetBrains Junie The Weekly Devs Brew Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
The Fusion of Laravel and Vue (with Aaron Francis) 1:32:47

7 weeks ago1:32:47

1:32:47

In this episode, Michael and Alex are joined by Aaron Francis, software developer, content creator, and co-founder of Try Hard Studios. Besides covering Aaron's journey into programming, they dive into Fusion, a new library that Aaron has been working on which will fuse your Laravel backend together with your Vue frontend, allowing you to write PHP and Vue in the same file. The three developers dive deep into the technical details of Fusion, how it works under the hood, and also how the community reactions have been so far. Enjoy the episode! Our Guest Aaron Francis Fusion TryHard Studios Bluesky Twitter Chapters Links and Resources Laravel TryHard Studios Fusion Fusion Intro Video Aaron's Laracon EU 2025 Talk DejaVue #E029 - Inertia.js (with Joe Tannenbaum) Volar Fusion Reddit Post Nuxt Server Blocks DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) DejaVue #E016 - The Future of Vue.js (with Evan You) Aaron's Year in Review post Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
AI and Vue.js (with Daniel Kelly and Patrick van Everdingen) 47:54

8 weeks ago47:54

47:54

AI is a hot topic in the tech industry, but how does it intersect with Vue.js? In this special episode, Michael and Alex host a panel at Vue.js Nation 2025 and are joined by two amazing guests: Patrick van Everdingen , AI Solutions Engineer Daniel Kelly , Lead Instructor at Vue School The four developers discuss how AI and Vue can work together. Will we all lose our jobs to AI? How does AI might influence the job market and which tips for Vue.js developers are the most important to know regarding using AI in their projects and workflows? You'll get answers to all these questions, and more in this episode. Thanks again Enjoy the Episode! Our Panelists Patrick van Everdingen CareerDeck AI Twitter Daniel Kelly VueSchool Bluesky Twitter Chapters (00:00) - Welcome to DejaVue (01:08) - Guest Introduction (02:29) - Will we all lose our jobs to AI? (09:24) - How have you integrated AI into your daily workflow? (14:31) - What is your best tip/advice for using AI with Vue.js? (18:03) - Does the role of documentation diminish with AI? (26:21) - How do framework and library authors need to adapt to AI? (31:05) - Where does environmental responsibility intersect with AI? (38:06) - LLMs and Privacy (43:10) - How will AI influence the job market? (45:36) - Where can people find you? Links and Resources DejaVue #E016 - The Future of Vue.js (with Evan You) DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) DejaVue #E033 - Vue or React (with CJ Reynolds) DejaVue #E023 - TypeScript and Content Creation (with Matt Pocock) DejaVue #E005 - From Side Hustle to Server Side Events (with Patrick van Everdingen) Vue.js Nation 2025: Daniel Kelly - Vue-doo Magic: AI Development Tricks Cursor (AI Editor) How Michael uses AI to quickly learn new libraries Anthropic suggesting to use XML tags for structuring prompts WebLLM DejaVue #E045 - Formkit and Hot Takes (with Justin Schroeder) Sign up for Frontend Nation 2025 All talks from Vue.js Nation 2025 Your Hosts Alexander Lichter Twitter YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
A Vue at Alexander Lichter 1:11:52

9 weeks ago1:11:52

1:11:52

If you've listened to the last episode, you know what is coming next! It is time to get take a Vue at the other host of this podcast. Michael is asking Alex all around his past - from how we got into programming and web development, if university was worth it and how he got into the Nuxt Core Team. Also don't miss out how Minecraft is part of the history, what non-tech job Alex would do if programming wouldn't be in the cards, and why is GitHub account is over 14 years old. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (02:27) - What are you doing for work? (06:09) - What patterns and bad/best practices have you noticed? (11:18) - How is it being on the Nuxt team? (14:05) - Joining the Nuxt team (17:28) - How did you get into programming? (25:03) - From Gaming to Modding and Programming (30:02) - Getting into Web Development (31:11) - Founding a company (40:34) - Which courses from university stood out? (53:49) - What happened between uni and now? (01:00:12) - When did you start doing YouTube and why? (01:06:25) - Quickfire (01:06:38) - Why did you move to Amsterdam? (01:07:32) - Do you still Minecraft or other games? (01:08:47) - What topic you could give an impromptu talk on? (01:10:49) - Wrapping up Links and Resources Join Vue.js Amsterdam 2025 - Get 10% OFF with the code "DEJAVUE" DejaVue #E046 - A Vue at Michael Thiessen DejaVue #E045 - Formkit and Hot Takes (with Justin Schroeder) DejaVue #E044 - Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) How to use the repository pattern in Nuxt Alex' first Minecraft plugin Alex' Old Bukkit account Alex' First Issue (actually his 2nd but who counts these!) SmartGain website Building an Association Manager Playlist PaladinsCounter side project showcase Mastering Nuxt * Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
A Vue at Michael Thiessen 56:37

10 weeks ago56:37

56:37

The guest of this episode is one you've heard on here quite often - but do you also know him well? Together, we take a look (or Vue 👀) at Michael Thiessen, co-host of this podcast. Learn how his average day looks like, how he became a full-time content creator and find out what he did before getting into Web Development, plus insights on how he created his first course and dealt with impostor syndrome. Enjoy the episode! Chapters (00:00) - Welcome to DejaVue (00:39) - Concept of this episode (02:00) - What are you doing for a living? (02:51) - Why did you start writing content about Vue.js? (04:57) - From a blank page to a blog post (07:36) - How Michael became a full-time educator (12:37) - What was the fist course you created and why that one? (15:45) - Give Feedback! (19:54) - The key part of creating content (22:32) - How many hours do you work? (27:01) - What does an average day look like? (30:24) - The point to switch to being an full-time educator (35:10) - How did you get into programming? (40:17) - Computer Science vs Software Engineering in university (43:31) - Other learnings from university (46:43) - How did you find a job after university? (48:19) - Why Web Development? (49:46) - From React to Vue (51:20) - How did you start with public speaking? (52:30) - Quickfire Questions (52:38) - If not a developer, what would you be? (53:02) - Your favorite non-tech hobby? (53:43) - If you could choose any dev, who would you want to collaborate with and on what? (54:49) - Where can people follow you? (55:45) - Wrapping Up Links and Resources VueConf Toronto Michael's previous band EDM music Michael produced a long time ago Quick Sort Dance Lisp Prolog Unsight Mastering Nuxt * Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
FormKit and Hot Takes (with Justin Schroeder) 1:25:48

11 weeks ago1:25:48

1:25:48

Together with the FormKit author Justin Schroeder, Michael and Alex discuss the challenges of building forms on the internet. While it seems like a simple task, forms can be complex and pretty time-consuming. Especially when it is more than a Newsletter or Contact Form. Justin shares his experience building FormKit (multiple times), a form library for Vue.js, and how it can help developers build forms faster and more efficiently. From Accessibility to actually covering edge cases such as form hydration and repopulation! Of course, we couldn't let Justin go without talking about some of his hot takes from Vue in 2024, over to Vapor Mode, and Tailwind. Enjoy the episode! Our Guest Justin Schroeder Bluesky Web FormKit Chapters (00:00) - Welcome to DejaVue (00:23) - Guest Introduction (01:15) - How did you get started in programming and Vue.js? (06:02) - Frameworks as resource for learning patterns (11:21) - The biggest reason to change a framework (14:12) - Which framework would you choose for a new project? (16:26) - SolidStart as a fresh start for a framework? (17:56) - Adapting and managing expectations as a maintainer (23:14) - Why Forms are hard and how does FormKit came up? (32:26) - Accessibility for complex forms and components (44:37) - How does FormKit sustain itself? (49:13) - Physical to digital Forms with AI (53:21) - Do you have to utilize AI as a Developer? (01:03:42) - Justin's Hot Takes 🌶 (01:04:21) - Vue in 2024 (01:06:22) - Vapor Mode (01:12:34) - Tailwind and headless components (01:24:42) - Wrapping up Links and Resources FormKit DejaVue #E039 - Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar) WCAG 2.0 KickStart * Inspira UI Motion-Vue Framer Motion for Vue Addy Osmani - The 70% problem: Hard truths about AI-assisted coding Vue SSR Benchmark Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
Our Predictions for Vue and Nuxt in 2025 (with Daniel Roe) 1:02:23

12 weeks ago1:02:23

1:02:23

After our recap episode on 2024 , it is time to look into 2025 - and share our predictions and even some rather spicy hot takes what developers can expect in 2025. Of course, Michael and Alex once again have the Nuxt team Lead Daniel Roe on the show to get some insights on his takes as well! Find out more about their thoughts on Vue Vapor, Nuxt 4, Conferences, Alien Signals, Vue 4, Nitro and many more topics that will be (most likely) relevant in this year. While the focus is mainly Vue and Nuxt, topics around general Web Development are covered too - from AI to Open Source and the job market in 2025. Enjoy the Episode! Our Guest Daniel Roe Bluesky Web YouTube Twitch Chapters (00:00) - Welcome to DejaVue (01:21) - Daniel's Injuries and Accessibility (03:13) - Fake teeth and other foolery (04:10) - Biomodding your teeth (06:25) - Is 2025 the year of Nuxt 4? (11:49) - React Metaframeworks and the year of Nitro? (17:28) - Course Announcements (21:41) - No more Vinxi in 2025? (26:03) - A prediction from the future (31:14) - Will 2025 shift Open Source Sustainability... (32:08) - ...driven by the WordPress incident? (36:37) - Why hasn't there been a WordPress fork? (39:10) - More amazing Conferences coming in 2025? (42:55) - Vue Vapor in 2025 (47:56) - The Year of AI Agents? (53:10) - Alien Signals Adoption in the JS World (54:14) - Vue 4 coming in 2025? (55:17) - A Unified JavaScript Toolchain in 2025? (56:12) - The Developer Job Market in 2025 (01:00:21) - What are you predictions for 2025? (01:00:56) - Daniel's info and Alex' last prediction Links and Resources Accessibility Chart State of JS Survey Alex' Video on State Of JS through the Vue lense Daniel's upcoming React to Nuxt course Mastering Nuxt (3 at the time of recording) * Alex' upcoming Nitro Course Badass Courses' Course Builder Repo Vinxi Nikhil's tweet NIH tendency XKCD standards thanks.dev Open Source Pledge MadVue PragVue Kazupon's Tweet on Vapor with other Frameworks Meta on Large Concept Models Your Hosts Alexander Lichter Bluesky YouTube Website Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
The Year in ReVue (with Daniel Roe) 56:22

13 weeks ago56:22

56:22

Of course, we can't fully start into 2025 with a little ReVue of the past year. And to make sure to catch all the highlights, Alex is joined by Daniel Roe, full-time open source developer and lead of the Nuxt team to go through some notable events of 2024 in the Vue and Nuxt ecosystem. In addition to the shining moments of 2024, don't miss out a deep dive into web fonts, learn why Nuxt 4 isn't out yet if you didn't know already and maybe even get a slight glimpse into 2025 and Nuxt 5. Enjoy the Episode! Our Guest Daniel Roe Bluesky Web YouTube Twitch Chapters (00:00) - The Year in ReVue (01:08) - Daniel's favorite release in 2024 (02:20) - How did Nuxt Fonts evolve in the past year? (03:58) - Benefits of Nuxt Fonts (05:38) - Possible Future Improvements of Nuxt Fonts (07:45) - What devs do wrong with fonts (09:29) - The one CI tip saving you troubles (11:01) - Vue 2 going EOL (13:20) - Vue's development progress in 2024 (14:31) - Alien Signals (17:24) - Tooling in Vue (19:20) - Triaging the ecosystem (23:53) - Our favorite Nuxt.js improvements (30:25) - Nuxt 4 (37:14) - Nuxt 2 going EOL and Nuxt Bridge (41:51) - Incremental improvements in the Vue Ecosystem (45:24) - The Open Source Pledge (47:45) - VoidZero (49:30) - Our Favorite Vue.js Features in 2024 (52:19) - Quickfire (54:22) - Honorable Mentions (54:47) - Your feeling about the Vue and Nuxt ecosystem in 2024 (55:51) - Wrapping Up Links and Resources Join Vue.js Amsterdam 2025 * and get 10% off with code DEJAVUE Nuxt Fonts Daniel's Talk at Vue Amsterdam 2024 Fontaine PostCSS Font Magician Alien Signals TC39 Polyfill Alien Signals PR Volar Vue TSC as part of the language tools sharedPrerenderData Video Upgrade to Nuxt 4 via compatibilityVersion already Nitro SSR Logs in the Browser Nuxt 3.15.2 Nuxt Bridge Vue Macros Vite Elk StackBlitz xkcd 2347: Dependency useId (Lazy) Hydration defineModel Hydration message improvements on Vue 3.4 Reactive props destructure v-bind shorthand Nuxt OG Image UnoCSS Vue is the fastest SSR Framework Inspira UI Components Your Host Alexander Lichter BlueSky YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
Creating Technical Content (with Adam Jahr) 1:04:43

14 weeks ago1:04:43

1:04:43

In this episode, Michael talks with Adam Jahr, Founder of Vue Mastery, all about creating technical content - and how this is relevant for you as a developer. Tune in and figure out how Adam founded Vue Mastery, what his biggest learnings from his Coding Bootcamp times were and learn key tips that can set your content apart from others! And as a bonus - learn what creating content, regardless the format, has to do with Harry Potter or Lord of the Rings. Ready? Then wait no further Enjoy the Episode! Our Guest Adam Jahr Vue Mastery Adam on X VueMastery on YouTube Chapters (00:00) - Welcome to DejaVue (01:03) - Why creating technical content is key (02:16) - What is Vue Mastery? (05:52) - Biggest learnings from Coding Bootcamp times (09:46) - Getting in touch early with the Vue community (15:03) - Splitting time between marketing and creating content (18:40) - Importance of different Creators and learning Formats (20:07) - How to reach and teach developers (31:41) - The same framework applied to sales (33:19) - Applying it to your own stuff (34:44) - A glimpse down the rabbit hole (39:22) - Creating an open loop (43:32) - Music Production and Sourdough (47:47) - Show them the "Why" (52:45) - Isolating focus (58:26) - Magic Move and Animations (01:03:18) - Where can we follow you Adam? (01:04:19) - Wrapping up Links and Resources Join Vue.js Amsterdam 2025 * and get 10% off with code DEJAVUE Hero's Journey Vue Mastery Michael's Composable Design Course (out now!) DejaVue Episode #020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) Your Host Michael Thiessen Twitter YouTube Website --- Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.…

DejaVue

1
The Quadruple Migration (with Rijk van Zanten) 1:20:43

15 weeks ago1:20:43