Episodes

  • Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar)

    Self-founding and growing a Nuxt-based SaaS (with Sumit Kumar)
    Dec 12 2024

    In this episode of DejaVue, Alex and Michael are joined by Sumit Kumar, the founder of Parqet.

    Sumit shares his journey from getting into Web Development and Vue.js over to working at Stripe and eventually founding Parqet, a (German) portfolio tracker SaaS. Topics covered in the first part of our conversation include a lot of business insights, such as the transition from being a developer to being a founder, the challenges and benefits of bootstrapping, as well as the importance of marketing.


    If you are interested in the business side of things, you definitely should not miss out.


    Enjoy the episode!

    Our Guest

    Sumit Kumar

    • Parqet (GER)
    • BlueSky
    • Twitter
    • YouTube


    Chapters

    • (00:00) - Welcome to DejaVue
    • (01:28) - How did you get into Web Development and Vue.js?
    • (04:53) - Converging Frameworks
    • (07:39) - Previous Work Experiences and joining Stripe
    • (10:15) - What did you learn from working at Stripe?
    • (14:05) - The Front Page Test
    • (16:39) - How did your start Parqet?
    • (20:12) - The Transition from Developer to Founder
    • (23:02) - Can you focus only on Programming as a Founder?
    • (27:03) - Finding a CEO instead of being one
    • (29:25) - Marketing is Half the Job
    • (30:24) - How did Parqet grow?
    • (39:56) - Why don't you share your MRR anymore?
    • (43:15) - Why did you choose to bootstrap
    • (49:26) - Niche down strategy
    • (51:47) - Dealing with GDPR and localization
    • (01:00:40) - Wrapping up


    Links and Resources


    • Fill out the State of Vue.js Survey
    • And also the State of JS Survey 🙌


    • Mastering Nuxt 3*
    • DejaVue #E031 - All About VoidZero (with Evan You)
    • Parqet (GER)
    • The EMyth Revisited
    • MAKE
    • The Launch Livestream of Parqet fka. Tresor One (GER/ENG)
    • Minimal Empires (GER)
    • Verhältnismäßigkeit
    • How to center a div



    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.
    Show more Show less
    1 hr and 1 min
  • VueConf Toronto Panel (with Evan You, Daniel Roe, Sigrid Huemer and John Leider)

    VueConf Toronto Panel (with Evan You, Daniel Roe, Sigrid Huemer and John Leider)
    Dec 5 2024

    For the first time, the DejaVue Podcast goes "live"! Alex and Michael met up at VueConf Toronto and could do a whole DejaVue episode on stage. Of course, this is even more fun with guests, so they are joined by four speakers of the Conference.

    • Evan You, Creator of Vue, Vite, Rolldown and Founder of VoidZero,
    • Daniel Roe, Lead of the Nuxt Team,
    • Sigrid Huemer, Software Engineer at Sentry, and
    • John Leider, Creator of Vuetify.

    But that's not the end! The audience could ask questions to the whole panel, while the DejaVue hosts curated and selected the most interesting ones.
    Learn more about how all of the panelists started with Open Source, which were their biggest achievements, how Impostor Syndrome influenced them, what talks they'd be interested in as speakers and much more

    Enjoy the Episode!

    Our Panelists

    Evan You

    • Vue.js
    • Vite
    • VoidZero
    • Bluesky

    Daniel Roe

    • Website
    • YouTube
    • Bluesky

    Sigrid Huemer

    • Website
    • Bluesky

    John Leider

    • Website
    • Twitter


    Chapters

    • (00:00) - Welcome to DejaVue Live
    • (00:38) - Introducing our panelists
    • (02:29) - How did you get into Open Source?
    • (06:23) - What side projects are you working on?
    • (11:40) - Do you feel the impostor syndrome?
    • (18:53) - What were your biggest achievements so far?
    • (22:42) - How to get started contributing to Open Source?
    • (34:37) - What kind of talks would you be interested in?
    • (38:55) - Quickfire questions - What is your favorite Vue feature?
    • (39:32) - Options API or Composition API?
    • (39:46) - ref or reactive?
    • (40:03) - Tabs vs. Spaces?
    • (40:34) - Favorite Editor?
    • (40:52) - Conferences in person or remote?
    • (41:06) - Git - Rebase or Merge?
    • (41:28) - Podcast, Video or Blogposts?
    • (41:48) - Your favorite way of writing CSS?
    • (42:42) - What is your favorite Frontend Framework?


    Links and Resources


    • Fill out the State of Vue.js Survey
    • And also the State of JS Survey 🙌



    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.
    Show more Show less
    43 mins
  • Secure your Vue and Nuxt applications (with Jakub Andrzejewski)

    Secure your Vue and Nuxt applications (with Jakub Andrzejewski)
    Nov 28 2024

    Security is a topic that is often overlooked in the frontend world. But at least for you all - no longer! To make sure we cover Security for Vue and Nuxt applications as broad as possible, Michael and Alex are joined by Jakub Andrzejewski, who is not only a Senior Frontend Developer but also author of the Nuxt Security Module. We cover not only the module but also how to avoid common security mistakes as a Vue developer and how to protect your applications from vulnerabilities, and which are the most common ones.


    Of course, we can't miss out on the State of Vue.js Survey, which is currently running and was co-created by Jakub as well!


    Besides talking about the Security and the State of Vue.js, we also discuss how Jakub got into Vue.js at first and how he perceived the transition to Vue 3 and the Composition API.


    Enjoy the episode!

    Our Guest

    Jakub Andrzejewski

    • Blog
    • Bluesky
    • Twitter


    Chapters

    • (00:00) - Welcome to the DejaVue Podcast
    • (00:12) - Introducing our Guest
    • (02:07) - The Nuxt Ecosystem Team
    • (07:47) - How did you get into Vue.js
    • (13:09) - Transition to Vue 3 and Composition API
    • (17:00) - React Livecoding as a Vue Dev
    • (18:10) - vue-vine for multiple components
    • (20:34) - State of Vue
    • (30:30) - The Nuxt Security Module
    • (37:36) - Will the module project you from everything?
    • (41:59) - The ShipFast incident
    • (45:05) - Ethical Hacking and NPM Security Vulnerabilities
    • (49:24) - Privilege Escalation at Shopify
    • (51:45) - Nuxt Security without a Server
    • (54:28) - More Logic in the Frontend
    • (55:38) - Nothing to Hide?
    • (57:28) - Security Mistakes to Avoid as a Vue Developer
    • (01:02:13) - Wrapping up


    Links and Resources


    • Fill out the State of Vue.js Survey
    • And also the State of JS Survey 🙌


    • Nuxt Security Module
    • Vue Vine
    • State of Frontend (Results out)
    • OWASP Top 10
    • DejaVue #E006 - Nuxt Server Components (with Julien Huang)
    • Shipfast incident writeup



    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.
    Show more Show less
    1 hr and 5 mins
  • Error Handling in Vue

    Error Handling in Vue
    Nov 25 2024

    All of you have seen users do weird things with your application and running into strange scenarios - who can't relate to this?
    For this and many other reasons, the right way of error handling is important in you application. Join Michael and Alex on a discussion of the different ways one can handle errors in their application.
    That includes not always showing an error page, but also handling errors request-based or component-based!

    On that note, error messages and how to write decent ones that are helpful for the users are discussed, as well as how components like NuxtErrorBoundary work under the hood

    Enjoy the episode!

    Chapters

    • (00:00) - Welcome to DejaVue
    • (01:22) - The good old error page
    • (01:58) - Write good error messages!
    • (03:11) - The Vue global error handler
    • (05:07) - Server vs. Client Errors in Nuxt.js
    • (08:34) - The vue:error hook
    • (09:05) - Global error handling for $fetch and interceptors
    • (11:10) - Throw unhandled errors in Prod with Vue 3.5?
    • (13:07) - Component-level error handling
    • (16:33) - NuxtErrorBoundary
    • (18:01) - defineAsyncComponent
    • (18:53) - Request-based error handling
    • (21:45) - New default values in Nuxt 4
    • (23:30) - Error Tracking
    • (26:33) - Actually handling the errors
    • (28:54) - Wrapping up


    Links and Resources


    • State of JS Survey
    • Sentry
    • Bugsnag
    • Rollbar
    • Michael's talk on error handling in Nuxt
    • Michael's article on error handling in Nuxt*
    • And another deep dive into Nuxt 3 error handling*
    • DejaVue #E034 - Data Fetching in Vue and Nuxt
    • Vue Issue regarding throwing errors in production (low level)
    • Vike
    • NuxtErrorBoundary component Source Code
    • ofetch
    • Zod
    • Valibot
    • Nuxt 4 error and data will be undefined by default
    • Create abstractions for your headings and buttons


    Your Hosts

    Alexander Lichter

    • BlueSky
    • Twitter
    • YouTube
    • Twitch
    • 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.
    Show more Show less
    29 mins
  • Data Fetching in Vue and Nuxt

    Data Fetching in Vue and Nuxt
    Nov 15 2024

    Data fetching is a crucial part of any web application. In this episode of DejaVue, we discuss the different ways to fetch data in Vue.js and Nuxt.js, and how to cache it.

    We also talk about the experimental Suspense feature in Vue.js and how it can be used to improve the user experience, as well as how to handle third-party scripts in your application.

    In addition, Nuxt's data fetching options are discussed, including the $fetch method, useFetch, useAsyncData and the useNuxtData composable. Finally, we cover server-side caching in Nuxt.js, including route rules, defineCachedEventHandler, and defineCachedFunction.

    Enjoy the episode!

    Chapters

    • (00:00) - Welcome to DejaVue
    • (00:50) - Which topics should be covered next?
    • (01:56) - This episodes topic - Data Fetching
    • (04:13) - Two ways of client-side caching
    • (06:17) - What is Data Fetching actually - and which library to use?
    • (08:19) - Suspense in Vue.js
    • (14:03) - Third Party Scripts
    • (17:38) - Data fetching basics in Nuxt.js
    • (20:28) - $fetch vs useFetch
    • (23:27) - $fetch request deduplication on the server
    • (24:43) - Caching in Nuxt.js
    • (28:18) - routeRules of server-side caching
    • (29:38) - defineCachedEventHandler / defineCachedFunction
    • (32:19) - Unstorage for storing the cached files
    • (35:41) - useNuxtData
    • (40:26) - Why does Nuxt offer more data fetching options?
    • (45:32) - Wrapping up


    Links and Resources

    • LAST CHANCE 15% discount for the VueConf Toronto* with code DEJAVUE


    • ofetch
    • ky
    • Suspense in Vue
    • Data Loaders
    • DejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote)
    • nuxt-workers
    • Partytown
    • squoosh.app
    • DejaVue #E001 - The Need for SSR
    • You are using useFetch wrong
    • DejaVue #E003 - Nitro: The Next Generation Server Toolkit
    • Caching in Nitro
    • Client side caching with getCachedData
    • Composable Caching Utils issue
    • Route Rules in Nuxt
    • DejaVue #E002 - Building a Nuxt.js SaaS in less than a week (with Harlan Wilton)


    Your Hosts

    Alexander Lichter

    • BlueSky
    • Twitter
    • YouTube
    • Twitch
    • 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.
    Show more Show less
    46 mins
  • Vue or React? (with CJ from Syntax)

    Vue or React? (with CJ from Syntax)
    Nov 8 2024
    Alex is accompanied by the wonderful CJ Reynolds in this episode of DejaVue. The Senior Creator at Syntax.fm brings not only Vue experience but also a history of Angular JS and React, as well as various other technologies.The two content creators talk about how CJ became a senior creator at the well-known Syntax.fm podcast and how it is different from Streaming on Twitch and his previous content creation processes. Further, CJ gives insights on how the Denver Vue meetup evolved (now the DenverScript meetup) and shares some hopes when it comes to the meetup scene.Alex and CJ then discuss more technical topics - for example why CJ never fully switched over to Vue but still writes it a lot. The discussion eventually goes into comparisons between Vue and React, highlighting what Vue does "better" than React and how the Vue ecosystem shapes the web development work.Enjoy the episode!Our GuestCJ ReynoldsOwn WebsiteSyntax WebsiteTwitchYouTube (Coding Carden)YouTube (Syntax.fm)BlueSkyTwitterChapters(00:00) - Welcome to DejaVue (00:47) - How CJ joined the podcast (01:38) - How did you become the Senior Creator at Syntax.fm do? (06:00) - Differences to previous gigs and streaming (12:17) - From starting with web development to Vue.js (15:54) - Running the Vue Denver meetup (19:25) - Is the meetup scene growing again? (21:13) - Why didn't you switch fully to React? (23:49) - What Vue does "better" than React (27:01) - Two-way data binding (31:35) - How opinionated is Vue (32:58) - Vue without a build step (35:01) - Does Vue "seem" too magical? (36:07) - "Needing" a meta framework? (38:50) - Nuxt and the UnJS packages (41:01) - Frameworks converging (41:55) - Vue did Signals "first" (42:58) - Is Vue bad at marketing? (44:40) - Vue Job market (45:40) - Vue and Innovation (46:59) - Vue being left out of the conversation (50:52) - What stops from switching to Vue? (53:52) - The change to Vue 3 and the Composition API (01:02:38) - VueUse as a good example (01:03:26) - Composition API without script setup (01:05:56) - Where people can follow CJ (01:06:34) - Wrapping upLinks and ResourcesGet 15% OFF for your Vue Toronto ticket with code DEJAVUE *Syntax PodcastDenverScriptimmerImmutable.jspetite-vueEpisode 16 - The Future of Vue.js (with Evan You)vinxiEpisode 30 - Pinia and Data Loaders (with Eduardo San Martin Morote)Vue Data LoadersNitroInterview with Evan You about VoidZeroSyntax Video Series - React vs VueHeadless UIFormKitOrganizing Code when using the Composition APIYour HostAlexander LichterBlueSkyTwitterYouTubeTwitchWebsite---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.
    Show more Show less
    1 hr and 7 mins
  • Getting Started with Vue.js (with Simone Cuomo)

    Getting Started with Vue.js (with Simone Cuomo)
    Oct 31 2024

    In this episode of DejaVue, Michael is joined by special guest Simone Cuomo. Together, they discuss how to "get started" with Vue and also topics around general developer culture, such as in-office vs. remote work and the power of mentorship.


    Simone also shares learnings and insights from the recent Vuejs.de Conference - as well as his hot take about Vue.js (Hint: it is related to the Composition API!)


    And of course, recent topics like AI and whether it is good or bad for beginners shouldn't be left out either.


    Enjoy the episode!

    Our Guest

    Simone Cuomo

    • Website
    • Twitter


    Chapters

    • (00:00) - Welcome to DejaVue
    • (01:51) - Experience with in-office work
    • (07:20) - Mentorships
    • (11:57) - Job-ready after university
    • (18:37) - Learnings from the Vuejs.de Conference
    • (24:27) - Simone's Hot Take on Vue.js
    • (31:12) - Getting Started with Vue.js
    • (38:30) - Tip for reading complex library code
    • (39:35) - Is AI helpful for junior developers?
    • (49:07) - Wrapping Up


    Links and Resources


    • Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *


    • GitKraken
    • Vuejs.de Conf Panel
      • VueUse
    • Simone's new book - Vue.js 3 for Beginners
    • Simone's first book - Beyond coding
    • What is a composable


    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.
    Show more Show less
    51 mins
  • All about VoidZero - The Interview with Evan You

    All about VoidZero - The Interview with Evan You
    Oct 25 2024

    As a special DejaVue episode - Alex met up with with the creator of Vue, Vite and founder of VoidZero Evan You himself and discuss his new company and the vision of a unified toolchain.

    Starting with how the idea of VoidZero came up and finding the right investors went, further discussion revolve around the monetization and why VC money was the way to go instead of other models, such as the sponsorship model of Vue, OpenCore or similar.

    Also, we cover a lot of community questions, such as whether Next.js will support Vite in the future, what lessons Evan and team learned from other projects like Rome and when we see the first Vite version with Rolldown.

    Enjoy the episode!

    Chapters

    • (00:00) - Welcome to DejaVue
    • (00:26) - What is VoidZero?
    • (01:09) - When did you have the idea for VoidZero?
    • (05:16) - Limits of Vue's funding model
    • (07:10) - When did you found VoidZero?
    • (09:20) - The name VoidZero
    • (11:25) - What is open source will stay open source!
    • (11:54) - Who is on the VoidZero team?
    • (14:56) - VC Funding for VoidZero
    • (18:12) - Picking the right investors
    • (19:34) - The solved Zero to One Problem
    • (21:05) - NPM download as metric
    • (22:02) - Other company models for VoidZero
    • (28:18) - Lessons Learned from other "unified JS toolchain projects"
    • (33:21) - Feedback from framework authors
    • (34:28) - VoidZero and runtime-agnosticism
    • (37:35) - Projects close to what VoidZero should become?
    • (38:14) - Upcoming projects which will be integral for VoidZero
    • (39:50) - The Monetization of VoidZero
    • (41:55) - Monetizing a toolchain
    • (43:15) - Are planned services relevant for hobby devs?
    • (44:12) - How do you plan to divide the funds?
    • (44:50) - Vue as first class citizen
    • (48:48) - Impact of VoidZero on time for Vue and Vite
    • (55:37) - Relationship between VoidZero and UnJS
    • (56:55) - .config proposal
    • (57:39) - Migration path from tools like SWC or esbuild
    • (59:27) - When Next.js will support Vite?
    • (01:01:34) - oxc-lint and stylistic rules
    • (01:02:42) - Collaboration with the TypeScript team?
    • (01:03:04) - TypeScript Checking in VoidZero?
    • (01:03:32) - Will the formatter support Prettier?
    • (01:04:05) - License Change to Vite
    • (01:05:14) - When can we test Rolldown + Vite?
    • (01:06:30) - Hiring at VoidZero
    • (01:08:20) - Wrapping up


    Links and Resources

    • Announcement Blogpost
    • ViteConf Keynote
    • VoidZero Team
    • Vite License Change PR
    • Rolldown Vite Fork
    Show more Show less
    1 hr and 9 mins