DejaVue

Welcome to the fifth episode of DejaVue! While Michael is on paternity leave after becoming a father, Alex is joined by a special guest, Patrick van Everdingen, Full Stack Developer, Speaker, Panel Host an Co-Founder of CareerDeck.In this episode, we talk about how Patrick started his Vue- and Nuxt-based side project, CareerDeck - and how it grew from an idea at a pool in Italy to a full-fledged application. From the initial idea to the current state of the application, we discuss the tech stack, the challenges, and also the future of CareerDeck.Learn why Patrick chose Vue and Nuxt, why decided to rebuild the application again and how he uses AI to create real value for the users of CareerDeck.Eventually, Patrick turns the tables and asks Alex about his thoughts on the future of Nuxt and how it compares to other frameworks like Laravel or NestJS, as well as the role of plain Vue in the ecosystem.Enjoy the episode!Chapters(00:00) - Chapter 1 (00:00) - Intro (01:29) - The backstory of CareerDeck (06:17) - What makes CareerDeck more than just a GPT wrapper? (11:00) - Rebuilding the application again with Nuxt UI (14:39) - The tech stack of CareerDeck (19:29) - Building a job interview simulator (25:07) - What are Server-Sent Events? (26:47) - The difference between WebSockets and Server-Sent Events (29:38) - Implementing SSE with Nitro (31:59) - New folder structure in Nuxt 4 (34:02) - How does Nitro compare to other frameworks? (36:14) - Will Nuxt be the next Laravel or NestJS? (41:17) - Why would you choose vanilla Vue over Nuxt? (47:06) - Your benefits as a newcomer to a framework (49:44) - Where can people reach Patrick (51:22) - Outro Links and ResourcesDevworld ConferenceCareerDeckNuxtDejaVue Episode #002 with Harlan WiltonNuxt UI Pro* - GET 20% OFF WITH THE CODE "LICHTER" until the end of the month!LangChain Llama3NitroDejaVue Episode #003 about NitroNo gist but H3 Docs on SSEWebSockets in NitroNuxt vs. NitroImproved Nuxt folder structure issueLaravelInertia.jsLaravel LivewireUnpluginLinks 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.

Welcome to the fourth episode of DejaVue! From a Nuxt topic last week, Michael and Alex jump into a plain Vue.js topic again, or would you say... teleport?Yes, correct! The Teleports feature from Vue 3 will be explored - from its use cases to the native HTML dialog tag. The two hosts also cover how Teleports were created, even back in Vue 2, and talk about a Nuxt implementation too.Learn more about Teleports in this episode of DejaVue! Post-podcast note: The Popover API is now available in all major browsers! Chapters(00:00) - Intro (00:35) - What are Teleports? (01:35) - The typical Teleport use case (03:23) - Other use cases for Teleports (1) (06:45) - Async Components and Suspense (1) (07:48) - Pitfalls with Teleports (09:15) - The native dialog components (12:14) - Building an own modal / dialog (13:25) - How you did it before Teleports (14:33) - What Teleports don't solve (15:13) - Other use cases for Teleports (2) (16:46) - Teleport targets / Where to teleport (17:49) - Vue 2 Teleports (19:04) - Teleports and SSR (25:13) - Creating Reproductions and Open Source (29:28) - Outro Links and ResourcesTeleports Vue.js DocsHeadless UIThe Dialog ElementPopovers (Now available)Portal Vue package (needed in Vue 2)Evan You on SSR Teleports#teleports in NuxtSuspense + Teleports Issue

Welcome to the third episode of DejaVue! After talking about an open source SaaS the last time and hearing a lot about Nitro, Alex and Michael dive deeper into the server framework which powers not only Nuxt but also other frameworks like Analog or SolidStart. Learn more about what Nitro is, the difference between Nuxt and Nitro and amazing features it offers, no matter if you use it standalone or with Nuxt.Chapters(00:00) - Intro (00:47) - Nitro and UnJS (02:38) - Nitro powering different Frameworks (04:16) - Where does Nuxt end and Nitro start? (06:20) - KV Storage in Nitro - unstorage (10:20) - Database Integration via db0 (10:52) - Nitro Tasks API (13:57) - Framework and Runtime agnostic (15:14) - Further Nitro features (15:32) - Nitro vs. Nuxt (continued) (17:45) - $fetch emulating nested calls to Nitro (19:34) - Compare Nitro to other frameworks such as Hono or Express (23:44) - Outro Links and ResourcesNitroUnJSAnalogSolidStartViteVolar (Vue Language Tools)Nuxt vs. Nitro explanation videoDejaVue Episode #001 - The Need for SSRunstoragedb0Tasks API trackerTasks DevTools Panel PRIntegrating WebSockets with Nitro videoh3

Welcome to the second episode of DejaVue - and the first one with a guest! Michael and Alex are joined by Harlan Wilton, an open-source developer from Sydney, Australia who is not only into backpacking and Nuxt.js but also builds amazing tools and applications. Harlan is discussing with Alex and Michael how he built his SaaS Request Indexing in less than a week with Nuxt, which stack he used exactly, what it does and shares tips on how to stay focused and make sure your app actually ships.The best? The SaaS is open-source!Tune in for an interesting conversation around using Vue.js and Nuxt.js in the wild.Post Podcast Update from HarlanAfter the recording, Harlan took a break from working on Request Indexing due to other commitments. But there is also a good news - Request Indexing got the first paid monthly users now netting $60 per month. Harlan is also working on a big pivot on it, which will be announced soon. Stay tuned!Chapters(00:00) - Intro (01:00) - Open-source and backpacking (02:22) - The idea for an open-source SaaS (06:09) - Staying sane while building the app in 64 hours (09:58) - Harlan's Tech Stack to build the SaaS (15:24) - The back-end of Request Indexing (21:32) - Next steps for the SaaS (22:30) - Keeping the scope when building a SaaS (32:37) - Wrapping up Links and ResourcesHarlan's SaaS - Request IndexingHarlan's WebsiteReach out to Harlan on TwitterSocial Media Scheduling Nuxt SaaS*AI Headshot Photo Nuxt SaaS*Nuxt UI Pro*Nuxt SEO Modules (maintained by Harlan)NitroHandle Sessions in Nitro/H3Tailwind CSSNitro Tasks API (experimental)UnJS OrganizationThe nuxt-auth-utils moduleLinks 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.

The very first episode of DejaVue is here! In this episode, Michael and Alex talk about Server-Side Rendering (SSR) and its benefits, use cases, and challenges. After understanding what SSR actually is and why it could be useful, rendering modes like Static Site Generation (SSG) and Incremental Static Regeneration (ISR) are discussed, as well as compared to dynamic SSR. The episode closes with a summary of the discussed topics and a brief outlook.Chapters(00:00) - Intro (00:50) - What is Server-Side Rendering (SSR) (05:44) - When would you recommend using SSR (08:46) - Performance benefits with SSR and Hydration (14:39) - Complexity with Server-Side Rendering (17:21) - Static Site Generation (SSG) vs. SSR (27:53) - Incremental Static Regeneration (ISR) (34:11) - Summary Links and ResourcesRemix & PESPAs React Server ComponentsNuxt Server ComponentsHybrid Rendering in NuxtAlex' slides about HydrationIsland ArchitectureAstroÎlesVike fka. vite-plugin-ssrQuasarCaching with Nitro (ISR/SWR)

DejaVue - Your favorite Vue podcast - you just don't know it yet!Join Michael Thiessen and Alexander Lichter in this first trailer to find out who will guide you through the Vue and Nuxt journey in the upcoming weeks. Follow DejaVue on: * Web - https://dejavue.fm/ * Apple Podcast - COMING SOON ;)* YouTube - https://www.youtube.com/@DejaVueFM* Spotify - https://open.spotify.com/show/5VQ15QHkC7HSmwTYR7vCPF* Deezer - https://www.deezer.com/show/1000792252* Amazon Music - https://music.amazon.com/podcasts/798ccbb2-4a8f-4d83-bff7-00cbc8730f56* Pocket Casts - https://pca.st/49qr8d1k Follow Michael Thiessen on:* Twitter - https://twitter.com/MichaelThiessen/* Web - https://michaelnthiessen.com/ Follow Alexander Lichter on:* YouTube - https://www.youtube.com/@TheAlexLichter* Twitter - https://twitter.com/TheAlexLichter* Web - https://www.lichter.io/