DejaVue #E039 - Migrating a SaaS from Nuxt 2 to Nuxt 3 (with Sumit Kumar)

▶ Fill out the State of Vue.js Survey https://docs.google.com/forms/d/1VsztgrpMNGUFnknik-_YsodhW7Iohj4sM7qAsPmjZvY/edit The second half of the conversation with Sumit Kumar focuses all on the technical side of his SaaS. At first, Michael and Alex talk about Sumit's experience with the migration from Nuxt 2 to Nuxt 3 - and we all know this isn't an easy one. Further, the Composition API vs. the Options API, as well as structuring code and writing good composables are discussed. And of course, the question if Sumit considered rewriting the application based on another tech stack was part of it too - he had really good reasons why he didn't! Time to tune in. Enjoy the Episode! --- Our Guest * Sumit Kumar * Parqet (GER) - https://parqet.com/ * BlueSky - https://bsky.app/profile/sky.ofsumit.com * Twitter - https://x.com/TweetsOfSumit * YouTube - @VideosOfSumit & @Parqet --- Your Hosts * Michael Thiessen * Twitter - https://twitter.com/MichaelThiessen * YouTube - @michaelnthiessen * Web - https://michaelnthiessen.com/ * Alexander Lichter * YouTube - @TheAlexLichter * Twitter - https://twitter.com/TheAlexLichter * Web - https://www.lichter.io/ -- Chaptermarks: 00:00 Welcome to DejaVue 00:44 How did your Nuxt migration go? 02:32 When did you start considering migration and why not earlier? 04:42 Composition API only packages and other pitfalls 06:46 Steps that you tried out 10:11 No such migration anymore 10:28 Time frame of the migration 12:07 What is CAPI and what stays OAPI 15:31 Getting acquainted with the Composition API 18:28 Structuring your Script part 26:00 Reusing Composables 30:56 Changing the Tech Stack? 38:35 Wrapping Up -- Links and Resources ▶ Pinia https://pinia.vuejs.org/ ▶ Michael's Inline Composable Article https://michaelnthiessen.com/inline-composables ▶ Organizing Composition API Code Video https://www.youtube.com/watch?v=iKaDFAxzJyw ▶ Michael's Composable Design Patterns Course (Early Access) https://michaelnthiessen.com/composable-design-patterns ▶ Screenshot CAPI OAPI Comparison https://raw.githubusercontent.com/vuejs/docs/refs/heads/main/src/guide/extras/images/composition-api-after.png ▶ Evan's Migrated File https://gist.github.com/yyx990803/8854f8f6a97631576c14b63c8acd8f2e ▶ DejaVue #E020 - Documentation and Migration: From Vue 2 to Vue 3 (with Natalia Tepluhina) https://share.transistor.fm/s/cbfe245c ▶ DejaVue #E010 - Design Patterns in Vue.js https://share.transistor.fm/s/4c2e73af -- Follow DejaVue on ▶ The Web: https://dejavue.fm/ ▶ BlueSky https://bsky.app/profile/dejavue.fm ▶ Twitter: https://twitter.com/dejavuefm ▶ Apple Podcast: https://podcasts.apple.com/us/podcast/dejavue/id1737631788 ▶ 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 -- 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.