#  @thealexlichter Alexander Lichter Alexander Lichter posts on YouTube about let s, in the, links, check the most. They currently have [------] followers and [---] posts still getting attention that total [---] engagements in the last [--] hours. ### Engagements: [---] [#](/creator/youtube::UCVJ5qp8Vw8gXQ9RkuNdYWMw/interactions)  - [--] Week [---] -40% - [--] Month [-----] +115% - [--] Months [------] -68% - [--] Year [-------] +64% ### Mentions: [--] [#](/creator/youtube::UCVJ5qp8Vw8gXQ9RkuNdYWMw/posts_active)  - [--] Months [--] +2.50% - [--] Year [--] +121% ### Followers: [------] [#](/creator/youtube::UCVJ5qp8Vw8gXQ9RkuNdYWMw/followers)  - [--] Week [------] no change - [--] Month [------] +0.57% - [--] Months [------] +9.30% - [--] Year [------] +40% ### CreatorRank: undefined [#](/creator/youtube::UCVJ5qp8Vw8gXQ9RkuNdYWMw/influencer_rank)  ### Social Influence **Social category influence** [technology brands](/list/technology-brands) [social networks](/list/social-networks) [travel destinations](/list/travel-destinations) [finance](/list/finance) [countries](/list/countries) **Social topic influence** [let s](/topic/let-s), [in the](/topic/in-the), [links](/topic/links), [check](/topic/check), [performance](/topic/performance), [common](/topic/common), [channel](/topic/channel), [for the](/topic/for-the), [the first](/topic/the-first), [how to](/topic/how-to) **Top accounts mentioned or mentioned by** [@dejavuefm](/creator/undefined) [@danielroe](/creator/undefined) [@voidzerodev](/creator/undefined) [@danielroes](/creator/undefined) [@e18e](/creator/undefined) ### Top Social Posts Top posts by engagements in the last [--] hours "Fetch ONCE and share data between Nuxt and Nitro When building your whole application with Nuxt and using Nitro's backend capabilities (or as BFF with an external API) sometimes you want to share data between both parts - ideally without fetching them again. Impossible Not at all This video shows how. --- Links and Resources 🔗 Nitro docs https://nitro.build/ --- Chaptermarks 00:00 Intro 00:14 Sharing data can be necessary 01:09 Demo App Setup 01:33 Setting up what we want to share 04:34 Attaching the info to the event context 05:21 Augmenting the Event Context for TypeScript 07:55 Sharing" [YouTube Link](https://youtube.com/watch?v=0hx38jAzd68) 2025-05-02T13:11Z 17.7K followers, [----] engagements "Is Nuxt 3's runtimeConfig UNSAFE 🔍 Are you a Nuxt [--] user already and use API keys in your project In this video we dive deep into Nuxt 3's runtimeConfig to explore its potential security implications if handled wrongly. Is it safe to use or are there hidden risks you need to be aware of 🤔👉 runtimeConfig is a powerful feature in Nuxt [--] that allows you to manage configuration variables on the server and client sides of your application. But does this power come with a price when it comes to security 🛡 In this video we'll cover: ✅ What is Nuxt 3's runtimeConfig ✅ How to set up runtime" [YouTube Link](https://youtube.com/watch?v=2tKOZc3Z1dk) 2023-09-29T12:01Z 10.6K followers, [----] engagements "All about VoidZero - The Interview with Evan You Time to talk about VoidZero - with noone else than the new founder (and also creator of Vue and Vite) Evan You Find out all about how he came up with the idea and vision of a unified toolchain why he decided to go with VC Funding and how he picked investors as well as how Evan plans to monetize the company at one point. When we met up during VueFes [----] in Tokyo Japan we found a small room and with our travel camera + equip we recorded over an hour of interview Also available as @DejaVueFm podcast episode #webdevelopment #webdev #innovation ---" [YouTube Link](https://youtube.com/watch?v=33ex2A04b7g) 2024-10-25T12:58Z 16.8K followers, [----] engagements "Passing Cookies with event.$fetch and useRequestFetch in Nuxt Ever wondered why cookies are not passed correctly to subrequests - e.g. during SSR or when using Nitro/H3 Then this video is for you. Together we have a look how to pass all the important information including event context and headers to further calls eliminating different behavior on server and client. #nuxtjs #nuxt #vue #webdevelopment --- Links and Resources: 🔗 10% Off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER 🔗 CONTRIBUTE HERE - https://github.com/nuxt/nuxt/issues/19815 🔗 Code" [YouTube Link](https://youtube.com/watch?v=7vfwYaHtv3U) 2024-09-20T13:58Z 13.3K followers, [----] engagements "Multiple Vue Components in one File Vue Vine makes it possible Once again I'm not kidding 👀 --- Links and Resources: 🔗 Fixed issue with Nuxt https://github.com/vue-vine/vue-vine/issues/163 🔗 Vue Vine Docs https://vue-vine.dev/ 🔗 Vue Vine Repo https://github.com/vue-vine/vue-vine 📺 @DejaVueFm #E035 - Error Handling in Vue --- Chaptermarks: 00:00 Intro 00:16 What's the problem 02:04 The solution 02:40 Demo App 04:30 Vue Vine VS Code Extension 05:26 How it works under the hood 06:27 Building a simple component 07:17 How to handle Props Events and Slots 09:40 Multiple components in one file" [YouTube Link](https://youtube.com/watch?v=896YeBS-dZE) 2024-11-22T13:58Z 11.1K followers, [----] engagements "Package Overrides 101: Learn how & why We've talked about patching packages before - but overriding is sometimes necessary too especially when the package is not a direct dependency. Learn how in this video - and get a little treat as well 👀 --- Links and Resources: 🔗 Example issue for overriding https://github.com/nuxt/ui/issues/2971 🔗 Rolldown + Vite 👀 https://github.com/vitejs/rolldown-vite 🔗 https://pkg.pr.new/ 📺 Patching Packages https://www.youtube.com/watchv=NgDXxci6CYU --- Chaptermarks: 00:00 Intro 00:13 New Job who dis 00:38 Why overriding packages 02:24 How to apply overrides" [YouTube Link](https://youtube.com/watch?v=8CS8PKB9rAQ) 2025-03-21T13:58Z 17.7K followers, [----] engagements "Combine POWERFUL native CSS features with Tailwind CSS Tailwind CSS is widely used no matter if you have a love- or hate-relationship with the powerful utility-first CSS Framework. But oftentimes you can combine it with existing parts of the spec such as the use of CSS Variables to make things flexible but not give too much freedom or with data attributes to make state management easier #tailwindcss #css #webdevelopment --- Links and Resources 🔗 Tweet that inspired the video https://x.com/malfaitrobin/status/1887057743279784445 📺 Why your buttons are all wrong" [YouTube Link](https://youtube.com/watch?v=9UscQoW4lh8) 2025-03-28T12:53Z 17.7K followers, [----] engagements "We have to talk about Rendering Modes. Nowadays everyone talks about "SSR" - but do people *actually* talk about the same rendering mode there Or is it what they actually want or need Same applies to all the other acronyms from ISR over to SSG. And especially when talking with people not using a JavaScript Meta Framework these terminologies might get a somewhat new meaning. Check out the video to make sure you have the overview of the different modes a big decision tree of how they belong together and how to figure out what your app (or parts of your app) are + what you need. --- Links and" [YouTube Link](https://youtube.com/watch?v=CItLUDpMdrA) 2024-07-12T12:58Z 10.6K followers, [----] engagements "There is a BUILT-IN check for a new version of your Nuxt app After deploying your app you often want to notify users that there is a new version available. Doing that in Nuxt is actually easier than you'd expect Let's take a look at how that works how it is related to the app manifest and eventually implementing it --- Links and Resources * Documentation for the experimental option https://nuxt.com/docs/4.x/api/nuxt-config#checkoutdatedbuildinterval * Nuxt implementation to check https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/plugins/check-outdated-build.client.ts * Inline" [YouTube Link](https://youtube.com/watch?v=D9gWQ1x6Qg8) 2025-08-01T12:58Z 17.7K followers, [----] engagements "You should try these VueUse composables 👀🥚 Time to take a look at [--] (or more 👀) VueUse composables that you might've not heard about before but definitely could use in your Vue or Nuxt application. --- Links and Resources 🔗 https://vueuse.org/shared/syncRef/ 🔗 https://vueuse.org/core/useRefHistory/ 🔗 https://vueuse.org/shared/whenever/ 🔗 https://vueuse.org/shared/until/ 🔗 https://vueuse.org/core/useScrollLock/ 🔗 https://vueuse.org/core/onStartTyping/ 🔗 https://vueuse.org/core/onClickOutside/ 🔗 https://vueuse.org/core/useNow/ 🔗 https://vueuse.org/core/useTimeAgo/ 🔗" [YouTube Link](https://youtube.com/watch?v=HaeNQXJ-sgs) 2025-04-18T12:58Z 17.7K followers, 12.6K engagements "The CORRECT Tag Order in your Vue SFCs One thing that makes Vue special are it's SFCs - Single File Components. But which is the best order of the three tags - script template and styles - inside the components #vue #nuxt #sfc --- Links and Resources 🔗 Evan's Tweet https://x.com/youyuxi/status/1427982990957846529 🔗 CAPI OAPI Comparison https://github.com/vuejs/docs/blob/main/src/guide/extras/images/composition-api-after.png 🔗 FileExplorer in CAPI https://gist.github.com/yyx990803/8854f8f6a97631576c14b63c8acd8f2e 🔗 Elk https://elk.zone/ 🔗 Elk Component" [YouTube Link](https://youtube.com/watch?v=JJx9D_be02I) 2025-01-10T13:58Z 11.8K followers, [----] engagements "Nuxt Server Components vs. Lazy Hydration We all want less JavaScript and better performance. Both Nuxt Server Components *and* Lazy Hydration can help with that in different ways. In this video you learn how both work and what the differences are plus when to use either --- Links and Resources 🔗 Nuxt Islands component https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-island.ts 🔗 Island Architecture https://www.patterns.dev/vanilla/islands-architecture 📺 Lazy Hydration in Nuxt https://www.youtube.com/watchv=hibbpTe661U 📺 Event Fetch" [YouTube Link](https://youtube.com/watch?v=Jijoc0RH_tA) 2025-04-04T12:58Z 17.7K followers, [----] engagements "FASTER Nuxt Production builds with [--] lines of changes Everybody wants faster builds - and you can have them by switching the underlying Vite version to Rolldown-Vite Never heard of it Then time to watch the video. --- Links and Resources * Rolldown https://rolldown.rs/ * Rolldown-Vite migration guide https://vite.dev/rolldown * Rolldown-Vite Perf Wins https://github.com/vitejs/rolldown-vite-perf-wins * CodSpeed benchmark https://codspeed.io/nuxt/nuxt/branches/feat%2Ftest-rolldown-vite * Nuxt.com CI before https://github.com/nuxt/nuxt.com/actions/runs/16427059534/job/46419889875#step:7:224 *" [YouTube Link](https://youtube.com/watch?v=KEdlbVZW3Ow) 2025-08-29T12:12Z 17.7K followers, [----] engagements "3 (and a half) Pinia problems you should AVOID Pinia is integral for a lot of applications. But make sure that you don't make the mistakes shown in the video or if you do how to fix them. --- Links and Resources 🔗 Pinia Docs https://pinia.vuejs.org/ 📺 You are using useFetch wrong https://www.youtube.com/watchv=njsGVmcWviY 📺 Composition API code organization https://www.youtube.com/watchv=iKaDFAxzJyw 📺 @DejaVueFm #E049 - The Fusion of Laravel and Vue (with Aaron Francis) https://share.transistor.fm/s/721e8887 --- Chaptermarks 00:00 Intro 00:45 Demo Application 00:58 Write Setup Stores" [YouTube Link](https://youtube.com/watch?v=Md8bNJVQQFA) 2025-02-28T14:00Z 17.7K followers, 12.9K engagements "Integrating WebSockets in Nuxt and Nitro 🎉 Nitro [---] was released just before Vue.js Amsterdam and brings new features such as a database layer a task API and also WebSocket support But how can we integrate it in a Nuxt application This video will teach you 👌 Key points: 🛠 How to set up WebSockets in Nitro and in Nuxt 💡 Working from scratch to a functional application ⚠ Hints to make sure you *can* use Nitro WebSockets Info: Nuxt CLI v3.11.1 was released. YOU DON'T NEED THE NIGHTLY BUILD ANYMORE. --- Links: 🔗 Code - https://github.com/manniL/alexander-lichter-websockets-nitro 🔗 Nuxt CLI" [YouTube Link](https://youtube.com/watch?v=OfY7JcrqkPg) 2024-03-15T14:28Z 15.7K followers, 12.2K engagements "How did Vue do in [----] We have a look if [----] was a good year for Vue and Nuxt as a whole 👀 #vue #nuxt --- Links and Resources 🔗 State of JavaScript [----] https://2024.stateofjs.com/en-US 🔗 Gartner Hype Cycle https://en.wikipedia.org/wiki/Gartner_hype_cycle 🔗 Weekly Vue Newsletter https://weekly-vue.news/ 📺 @DejaVueFm #E043 - The Year in ReVue (with Daniel Roe) https://www.youtube.com/watchv=mmzbqy_qu8U --- Chaptermarks 00:00 Welcome to [----] 01:04 Thanks to all survey participants 01:48 Did JavaScript got worse 06:17 How did Vue do in the Survey 09:42 Why is Vue has better Retention and" [YouTube Link](https://youtube.com/watch?v=PyiBDWWJ-9w) 2025-01-17T13:58Z 15.8K followers, [----] engagements "Stream VOD #004 - Bare-bone Nuxt and Nitro blog Streaming irregularly on https://www.twitch.tv/TheAlexLichter/ Highlights: 🎓 Continue working on my thesis-based project 🌟 Building a simple blog based on Nuxt and Nitro 💡 Answering questions around development Links: 🔗 Stream from @danielroe - https://www.youtube.com/watchv=ovYmz7ZZBUc 📺 Repository Pattern and $fetch video - https://www.youtube.com/watchv=jXH8Tr Don't forget to hit that Subscribe button ring the notification bell and give a thumbs up if you find this video helpful. Thanks for tuning in and happy hacking 🌟 📺 Last week's" [YouTube Link](https://youtube.com/watch?v=QjcEw9vP2lU) 2024-02-19T20:42Z 10.4K followers, [---] engagements "Vue's Reactivity System got FASTER AGAIN I'm not kidding It'll happen again and hopefully other framework reactivity systems will apply similar perf improvements. --- Links and Resources: 🔗 How it started https://x.com/johnsoncodehk/status/1840558232093483192 🔗 Johnson improving the reactivity system before https://github.com/vuejs/core/pull/5912 🔗 alien-signals repo https://github.com/stackblitz/alien-signals 🔗 Porting findings to Vue.js https://github.com/vuejs/core/pull/12349 🔗 Statistics from Johnson https://x.com/johnsoncodehk/status/1840563583043973408 🔗 Another benchmark PR" [YouTube Link](https://youtube.com/watch?v=RHTP_NZcnl0) 2024-11-15T13:58Z 14.7K followers, [----] engagements "TWO Major Nuxt versions coming All you need to know about Nuxt [--] and Nuxt [--] --- Links and Resources 🔗 Nuxt Blog post https://nuxt.com/blog/roadmap-v4 🔗 Nuxt Migration Guide https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4 🔗 Nuxt Alpha [--] https://github.com/nuxt/nuxt/releases/tag/v4.0.0-alpha.2 🔗 Daniel's PR to migrate elk https://github.com/elk-zone/elk/pull/3298 🔗 h3 beta https://github.com/h3js/h3/releases/tag/v2.0.0-beta.0 📺 Nuxt [--] folder structure https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Nuxt [--] Shared Folder https://www.youtube.com/watchv=_m5ct5e8nVo --- Chaptermarks" [YouTube Link](https://youtube.com/watch?v=TAoTh4DqH6A) 2025-06-13T12:58Z 17.7K followers, [----] engagements "No composables folder in Nitro - but WHY TODO #nitro #h3 #unjs --- Links and Resources: --- Chaptermarks 00:00 TODO" [YouTube Link](https://youtube.com/watch?v=WO_yt2IqiKw) 2024-12-27T13:58Z 11.6K followers, [----] engagements "defineXYZ in Vue - What are Compiler Macros 💚 Join Vue.js Amsterdam [----] 10% off the [--] Day ticket with LICHTER https://lichter.link/vue-ams-25 * Even when not using auto imports there are some function calls in your Vue SFCs that you don't "need" to import. Why is that And what makes them special Find out in this video #vue #nuxt #pinia --- Links and Resources 🔗 Vue Macros https://vue-macros.dev/ 📺 Auto Imports in Vue and Nuxt https://www.youtube.com/watchv=YHdDraNNGCk 📺 DejaVue #E015 - Ten Years of Vue.js (with Evan You) https://youtu.be/OG8dvyKLjIMt=2915 📺 @DejaVueFm #E041 - The" [YouTube Link](https://youtube.com/watch?v=WbMFNW04anA) 2025-01-03T13:58Z 11.7K followers, [----] engagements "shared - ANOTHER NEW folder in Nuxt [--] Let's talk about the new folder that is coming up - the shared folder 🔥 #nuxt #vue #webdevelopment --- Links and Resources: 🔗 shared folder issue https://github.com/nuxt/nuxt/issues/28675 🔗 PR for the folder https://github.com/nuxt/nuxt/pull/28682#issuecomment-2355130082 📺 Use Nuxt [--] already https://www.youtube.com/watchv=Fp04Kw4nBE8 📺 Nuxt [--] Directory Structure explained https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Is your function really a composable https://www.youtube.com/watchv=N0QrFKBZuqA 📺 Auto Imports in Nuxt" [YouTube Link](https://youtube.com/watch?v=_m5ct5e8nVo) 2024-11-01T14:58Z 10.4K followers, [----] engagements "Components in a DIFFERENT FOLDER Component belong into the components folder right WRONG You can put them somewhere else too if you want - with just a few adjustments in Nuxt.js --- Links and Resources 🔗 Nuxt.js Issue about component grouping https://github.com/nuxt/nuxt/issues/28894 🔗 Josh's blog post https://deltener.com/blog/nuxt-enterprise-patterns-component-management/ --- Chaptermarks 00:00 Intro 01:03 Our Demo App 02:27 Does it work by default 04:36 Simple configuration tweaks 05:57 One more problem 07:12 Wrapping up --- Links marked with * are affiliate links. I get a small" [YouTube Link](https://youtube.com/watch?v=aAjfywmbfkM) 2025-05-09T13:58Z 17.7K followers, [----] engagements "Dates and Times done RIGHT with SSR in Nuxt Nuxt [----] brings a new built-in component called NuxtTime. Let's check out why it is useful and more importantly how it is implemented under the hood. --- Links and Resources 🔗 [----] Release Post https://nuxt.com/blog/v3-17 🔗 Nuxt Time Module (now archived) https://github.com/danielroe/nuxt-time 🔗 Source Code of NuxtTime https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-time.vue 🔗 Intl API https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl --- Chaptermarks 00:00 Intro 00:32 Dates and" [YouTube Link](https://youtube.com/watch?v=ahoGZ_AoD3U) 2025-05-16T12:58Z 17.7K followers, [----] engagements "Building an Association Manager with Nuxt.js Part [---] (Stream VOD) And we continue building an association manager live on Twitch @ https://www.twitch.tv/TheAlexLichter/. The VOD shows how Nuxt NuxtHub Drizzle Zod and Nuxt UI are used to build a real-life and open-source software project. GET NUXT UI PRO at https://lichter.link/nuxt-ui/ * Links: 🎬 Playlist of the whole video series https://www.youtube.com/playlistlist=PL06MUQt-_wluDj9G9cr3y_V9WgY2TNZNN 🔗 Repo: https://github.com/manniL/association-manager 🔗 Nuxt UI: https://lichter.link/nuxt-ui * 🔗 Nuxt Hub (sign up for beta free tier)" [YouTube Link](https://youtube.com/watch?v=b-EFD-nOgWg) 2025-01-26T15:05Z 12.1K followers, [----] engagements "Nuxt has BETTER CHUNKING now In the latest Nuxt release the chunking was improved a lot leading to stable hashes and less changing files per build. Figure out what happened and what the problem was --- Links and Resources * PR --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=eryRM-ovpyY) 2025-09-05T11:22Z 17.7K followers, [----] engagements "Lazy Hydration is available NOW Hydration is a delicate topic especially hydration errors. But the performance aspect of hydration shouldn't be underestimated either. Luckily we don't need to hydrate *everything* anymore as Vue introduced lazy hydration. And now it is ergonomically available in Nuxt too. Learn how in this video 👀 --- Links and Resources: 🔗 Vue Lazy Hydration https://blog.vuejs.org/posts/vue-3-5#lazy-hydration 🔗 Nuxt [----] https://nuxt.com/blog/v3-16 --- Chaptermarks:" [YouTube Link](https://youtube.com/watch?v=hibbpTe661U) 2025-03-14T13:58Z 17.7K followers, [----] engagements "Organize your Composition API code (2k subscriber special) ✨ The Composition API is amazing - but organizing code is still a challenge sometimes especially for all the people that were (or are) used to the Options API. In this video I point out common mistakes when organizing code and an easy way to avoid spaghetti code in Vue components with a bit more functionality Key points: ✔ Building a Demo Application showing issues when organizing code 🎉 A dead-simple pattern to organize CAPI code in Vue Components 🕶 Examples from Evan himself --- Links: 🔗 Demo App Code" [YouTube Link](https://youtube.com/watch?v=iKaDFAxzJyw) 2024-01-23T13:58Z 16.7K followers, 36.6K engagements "ONE CAVEAT less for Lazy Hydration Lazy hydration in Nuxt is great for performance during the first request - but it could only be used by relying on auto imports. As the community is torn on whether they are a curse or a blessing there is a different way now --- Links and Resources * Lazy Hydration in Nuxt https://www.youtube.com/watchv=hibbpTe661U * Auto Imports in Nuxt https://www.youtube.com/watchv=FT2LQJ2NvVI * Server components vs. Lazy Hydration https://www.youtube.com/watchv=Jijoc0RH_tA * Implementation PR https://github.com/nuxt/nuxt/pull/31192 --- Links marked with * are affiliate" [YouTube Link](https://youtube.com/watch?v=j7Cml_gaeZo) 2025-08-22T12:58Z 17.7K followers, [----] engagements "Better SPA accessibility in Nuxt with a single built-in component Accessibility aka. a11y is important for every project out there. Thanks to Nuxt you can already make your projects a tad more accessible without doing anything. That doesn't relieve you from providing alt tags or making sure links and buttons have titles or labels but will still help you "do less". More in the video --- Links and Resources 🔗 WebAIM Million Report https://webaim.org/projects/million/ 🔗 Nuxt Route Announcer Docs https://nuxt.com/docs/api/components/nuxt-route-announcer 🔗 Component Source Code" [YouTube Link](https://youtube.com/watch?v=kFCk2yktyKE) 2025-06-20T12:58Z 17.7K followers, [----] engagements "Building an Association Manager with Nuxt.js Part [---] (Stream VOD) Finally I found time to start a project I can stream again We are building an association manager live on Twitch https://www.twitch.tv/TheAlexLichter/. Next stream planned for Monday 29th April 1pm CEST. GET 20% off NUXT UI PRO with the CODE "LICHTER" until the end of June. Redeem at https://lichter.link/nuxt-ui/ Highlights: 🛠 Creating a Nuxt app from scratch 🌟 Trying out Nuxt UI and Nuxt Hub 🤔 Wrangling with Zod Drizzle and more Links: 🔗 Repo: https://github.com/manniL/association-manager 🔗 Nuxt UI:" [YouTube Link](https://youtube.com/watch?v=mPYIgr95mQw) 2024-04-26T17:17Z 10.4K followers, [----] engagements "You are using useFetch WRONG (I hope you don't) 💪🏻 useFetch is a mighty composable to fetch data in your Nuxt.js application. It can do so many things from updating state to refreshing calls easily and even data caching is possible. But often I see that people misuse useFetch because it is so tempting to use all the features even when you shouldn't. In this video I show the most common mistake with useFetch and what to use instead Key points: 🤔 A demo application with a common mistake - can you spot it before ✅ How to fix the bug [--] Approaches to avoid that useFetch mistake Links: 📺 Is" [YouTube Link](https://youtube.com/watch?v=njsGVmcWviY) 2024-01-05T13:58Z 12.5K followers, 40.9K engagements "The BEST way to PROTECT yourself against Supply Chain Attacks We've seen a huge wave of supply chain attacks in the JS ecosystem (again). This is a real threat to all apps being developed in the JavaScript ecosystem given that high-download dependencies or tools like Nx are targeted. This video shows what happened (a high-level overview) and most importantly what YOU CAN DO to protect you and your project against it. --- Links and Resources * In the Past: CVEs on Vite https://www.youtube.com/watchv=ctsfEc9UYU8 * Nx got compromised" [YouTube Link](https://youtube.com/watch?v=o6pg0VeqGyA) 2025-09-19T12:58Z 17.7K followers, [----] engagements "Nuxt [--] - An overview Nuxt [--] is out Another major release after Nuxt [--] was released [--] years and [--] months ago. Let's have a look at all the features and changes --- Links and Resources 📺 TWO Major Nuxt Versions https://www.youtube.com/watchv=TAoTh4DqH6A 📺 New Directory Structure https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Shared Folder https://www.youtube.com/watchv=_m5ct5e8nVo 🔗 Announcement post https://nuxt.com/blog/v4 --- Chaptermarks 00:00 Intro and Prelude 01:10 New features of Nuxt [--] 02:16 The new CLI 04:19 New Directory Structure 07:17 Better tsconfig 08:40 Further changes 09:00" [YouTube Link](https://youtube.com/watch?v=rCT54d8sMWk) 2025-07-25T12:58Z 17.7K followers, 16.7K engagements "Prerendered Nuxt sites with LESS JAVASCRIPT When you pre-render your Nuxt application (aka. using SSG) some parts of your data fetching logic might not be needed. Good that we can remove them with a module and soon with a settings as part of the Nuxt core --- Links and Resources * https://github.com/danielroe/nuxt-rebundle * https://github.com/nuxt/nuxt/pull/33131 --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or" [YouTube Link](https://youtube.com/watch?v=w_5lxpFOE4E) 2025-09-12T10:30Z 17.7K followers, [----] engagements "Nuxt vs Nuxi What is the correct Nuxt CLI and why. Nuxt's CLI is important - but why do we have nuxi nuxt create-nuxt-app and create-nuxt --- Links and Resources * https://github.com/nuxt/cli/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=x_7mhWFynW4) 2025-10-10T12:58Z 17.7K followers, [----] engagements "Avoid a common Vue PERFORMANCE KILLER Registering components globally is a common patter but also often a performance killer. Learn in this video what a *better* way of adding third party components is and how to spot such chances in existing projects already. PS: You also learn reading a tree chart and analyzing your bundle #vuejs3 #vue #typescript --- Links and Resources 🔗 Join me at Vue.js Amsterdam [---] - 10% OFF with Code LICHTER https://lichter.link/vue-ams-25 * 🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/events/305514997/ 🔗Vite Bundle Visualizer" [YouTube Link](https://youtube.com/watch?v=xqBqInEPGlc) 2025-02-14T13:58Z 17.7K followers, [----] engagements "Using a src folder in Nuxt [--] Setting up a folder that contains all code and no config often referred to as src folder was pretty simple in Nuxt [--]. With Nuxt [--] things changed. This video explains how you can still configure it and which shortcomings exist --- Links and Resources * Nuxt [--] Overview video https://www.youtube.com/watchv=rCT54d8sMWk * Nuxt [--] Layers https://www.youtube.com/watchv=fr5yo3aVkfA * src folder issue https://github.com/nuxt/nuxt/issues/32965 --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my" [YouTube Link](https://youtube.com/watch?v=zDzO6-uq80s) 2025-08-15T09:16Z 17.7K followers, [----] engagements "useAsyncData vs. useFetch 🤯 🪄 Data fetching is essential in every application - also when using Nuxt. Luckily useAsyncData and useFetch are provided by the framework to make data fetching a breeze. But how do they work Which should you use And why are there TWO All that will be answered in this video 🙌🏻 Key points: 🎛 What data composables are 🔄 $fetch as fetching function 🤔 Is useFetch the same as useAsyncData and $fetch 💡 How to rebuild useFetch with useAsyncData --- Links: 🔗 Docs of useAsyncData - https://nuxt.com/docs/api/composables/use-async-data/ 🔗 Docs of useFetch -" [YouTube Link](https://youtube.com/watch?v=0X-aOpSGabA) 2024-03-01T13:58Z 12.6K followers, 14K engagements "Nuxt DevTools can do THAT - Part [--] Let's check what the Nuxt DevTools can do We have an in-depth look in the first half of the features. --- Links and Resources * Elk https://github.com/elk-zone/elk * DevTools repo https://github.com/nuxt/devtools/" [YouTube Link](https://youtube.com/watch?v=9oPyX2nAwWs) 2025-11-28T14:08Z 17.7K followers, [----] engagements "Are we implementing Buttons WRONG Recently I was complaining about a certain Nuxt UI implementation when it comes to buttons and luckily realized (thanks to the stream chat) - I was wrong But with such a common practice I wondered. are we all failing at complying with the spec for buttons The answer is YES Learn how in video. Fun fact: The WIP v4 https://www.w3.org/TR/css-ui-4/#valdef-cursor-pointer suggests that pointer *may* be used for interactive elements. #tailwindcss #webdevelopment #accessibility --- Links and Resources 🔗 Check out Nuxt UI - Get 20% off the pro version with code" [YouTube Link](https://youtube.com/watch?v=BdNFBgnzbIY) 2025-02-21T07:21Z 17.7K followers, [----] engagements "Run VS CODE in the Nuxt Devtools - Part [--] Let's check what the Nuxt DevTools can do We have an in-depth look in the first half of the features. --- Links and Resources * PART ONE https://www.youtube.com/watchv=9oPyX2nAwWs * Elk https://github.com/elk-zone/elk * DevTools repo https://github.com/nuxt/devtools/ * Cache storage issue https://github.com/nuxt/devtools/issues/785 * Programmtic storage issue https://github.com/nuxt/devtools/issues/853 * Reactivity Transform Video https://www.youtube.com/watchv=7aLwI0F5xEo * Nuxt Test Utils Primer https://www.youtube.com/watchv=yGzwk9xi9gU" [YouTube Link](https://youtube.com/watch?v=EbssD4ovQBM) 2025-12-05T15:58Z 17.7K followers, [----] engagements "Vue.js Watchers have Callback Flush WHAT Vue's watchers come in handy when you need side effects (otherwise you better use computed properties). But did you know what you can set up *when* they evaluate It can actually be quite handy. Learn in this video how & when you want to change the flush setting --- Links and Resources 🔗 Docs https://vuejs.org/guide/essentials/watchers.html#callback-flush-timing 🔗 Learn.nuxt.com code https://github.com/nuxt/learn.nuxt.com/blob/842b826837f7dfe150e2bb2a0b60a895668f654d/components/PanelPreview.vue#L24-L31 --- Chaptermarks 00:00 Watchers and when to use" [YouTube Link](https://youtube.com/watch?v=FnTME7I5C5A) 2025-04-25T12:58Z 17.7K followers, [----] engagements "Caching in Nitro 💾 Caching in Nitro is one of its key aspects. In this video we have a look at how to achieve caching in your Nitro-based application. Also works in Nuxt #nitro #nuxt #vue --- Links and Resources: 🔗 10% Off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER 📺 @DejaVueFm #E018 - Insights from the Nuxt Team Retreat --- Chaptermarks: 00:00 Intro 00:11 What is Nitro special about 00:38 Focus on caching 01:00 Our demo app 01:47 Caching with route rules 04:12 Enabling server-side SWR 05:35 Stale max age 06:28 Using defineCachedEventHandler 07:32" [YouTube Link](https://youtube.com/watch?v=KN5e2Hh6uC0) 2024-07-26T12:58Z 17.5K followers, [----] engagements "How we released Nuxt [--] (featuring @danielroe) #webdevelopment #nuxtjs #nuxt #vuejs #vue Some behind-the-scenes footage of how we released Nuxt 👀" [YouTube Link](https://youtube.com/watch?v=Nf6FsD0i-eU) 2025-07-16T06:33Z 17.7K followers, [----] engagements "Patching Packages - The ULTIMATE Guide 🩹 Found a bug in a package and want to fix it locally Waiting for a fix that wasn't released yet Don't worry you can apply all these locally to the packages in your node_modules. In this video a guide for all major package managers showcases how you can patch your packages locally why "doing it manually" is not a good idea and which consequences local patches might have. Worth watching for every developer 🙌 --- Key points: [--] Strategies for NPM Yarn (1 and 2+) PNPM and Bun ✨ Real-world use case Consequences when patching locally --- Links: 🔗 Nitro" [YouTube Link](https://youtube.com/watch?v=NgDXxci6CYU) 2024-06-28T12:58Z 17.2K followers, [----] engagements "5 missing Vue.js features Vue.js is an amazing framework to use and pretty mature. Evan recently even said it comes closer and closer to being feature complete. Nevertheless there are quite some PRs open and ideas to explore. I also made up my mind about five features which I'd love to see available in Vue and how they can help - so let's figure out what these are --- Links and Resources: 🔗 Conditional Props https://github.com/vuejs/core/issues/8952 🔗 Event Type Helpers https://github.com/vuejs/core/pull/3370 🔗 Dialog & Details v-model RFC https://github.com/vuejs/rfcs/pull/496 🔗 TS by" [YouTube Link](https://youtube.com/watch?v=P3dxu0wNLDw) 2024-10-11T12:58Z 17.5K followers, [----] engagements "Wait - PHP IN JS What is rendu Why does Nitro support PHP syntax in the template And how is this related to SSR --- Links and Resources * Nitro v3 Alpha First Look https://www.youtube.com/watchv=sWGWHyVlIlU * create-vite-extra SSR template https://github.com/bluwy/create-vite-extra/tree/master/template-ssr-vanilla * Rendu https://github.com/h3js/rendu * Vite SSR Docs https://vite.dev/guide/ssr --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include" [YouTube Link](https://youtube.com/watch?v=Qk2oNBRw2Y8) 2025-11-03T14:28Z 17.7K followers, [----] engagements "Nuxt Studio can be selfhosted NOW The Nuxt Studio Alpha is out and we can self-host the CMS now. Let's take a look --- Links and Resources * Collection Relationships https://github.com/nuxt/content/issues/3352 * Schema validation on build https://github.com/nuxt/content/issues/3351 * Alpha announcement https://content.nuxt.com/blog/studio-module-alpha * Demo Site https://nuxt-studio-alpha-demo.netlify.app/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only" [YouTube Link](https://youtube.com/watch?v=SCyyKT9bw_M) 2025-11-07T12:16Z 17.7K followers, [----] engagements "THIS [--] year old Vue feature helps with nested components Structuring components especially with naming is not always easy. But the feature shown in this video - namespaced components - will help with this Learn more now 👀 --- Links and Resources * Reka Ui Namespaced https://reka-ui.com/docs/guides/namespaced-components#namespaced-components * Reka UI Normal https://reka-ui.com/docs/components/dialog * Motion Vue https://motion.dev/docs/vue-motion-component * The @DejaVueFm episode with Matt creator of Motion.dev https://www.youtube.com/watchv=d8VfOmgh9IM --- Chaptermarks 00:00 Intro &" [YouTube Link](https://youtube.com/watch?v=S_eVidossHU) 2025-06-27T12:58Z 17.7K followers, [----] engagements "Why deduping NPM packages is NECESSARY Package deduplication is an important step. Why Let's check in the video based on the Nuxt upgrade command. --- Links and Resources * Nuxt CLI https://github.com/nuxt/cli/blob/f4749f8daed010153d1a709ac1343d21d5731d22/packages/nuxi/src/commands/upgrade.ts#L186 * nypm https://github.com/unjs/nypm/blob/main/src/api.ts * No bun Dedupe https://github.com/oven-sh/bun/issues/8594 --- Chaptermarks --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the" [YouTube Link](https://youtube.com/watch?v=TTlgfMPFYwM) 2025-09-26T13:07Z 17.7K followers, [----] engagements "Webpack and Rspack with Nuxt [--] Nuxt is inherently supporting multiple build-tools - but why --- Links and Resources * Nitro v3 docs https://v3.nitro.build/ * Extracting Nitro PR https://github.com/nuxt/nuxt/pull/33462 * Pooya's ViteConf Nitro Talk (to be released) https://www.youtube.com/watchv=189wogO3aCE * Daniel'S ViteConf Nuxt Talk (to be released) https://www.youtube.com/watchv=uiufuNh6L4E * Builder Docs https://nuxt.com/docs/4.x/api/nuxt-config#builder --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my" [YouTube Link](https://youtube.com/watch?v=VoS_QqQ2FGw) 2025-10-17T13:02Z 17.7K followers, [----] engagements "What is BFF (With Nuxt Nitro and h3) 🔗 10$ off for Michael's Nuxt Tips Collection with the following link and code DEJAVUE https://michaelnthiessen.com/nuxt-tips-collectionaff=plY9z * 🔗 10% off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER * --- Links and Resources: 🔗 Code TODO 🔗 h3 https://h3.unjs.io/ 🔗 unstorage https://unstorage.unjs.io/ 🔗 Nitro https://nitro.unjs.io/ 📺 @DejaVueFm #E022 - Signals https://www.youtube.com/watchv=uqxgoeTtloA 📺 Caching in Nitro https://youtu.be/KN5e2Hh6uC0 📺 Route Rules in Nuxt https://youtu.be/Fp04Kw4nBE8 📺 Nuxt 4" [YouTube Link](https://youtube.com/watch?v=Zli-u9kxw0w) 2024-08-23T12:58Z 17.1K followers, 15.5K engagements "About the recent Vite CVEs 👀 Vite published a series of CVEs (security issues and their patches) recently. In this video we have a look how serious they are what you should do (update) and even try out one of the vulnerabilities with an older version. --- Links and Resources 🔗 First CVE (published January) https://github.com/vitejs/vite/security/advisories/GHSA-vg6x-rcgg-rjx6 🔗 raw CVE https://github.com/vitejs/vite/security/advisories/GHSA-x574-m823-4x7w 🔗 import query CVE https://github.com/vitejs/vite/security/advisories/GHSA-4r4m-qw57-chr8 🔗.svg & relative paths CVE" [YouTube Link](https://youtube.com/watch?v=ctsfEc9UYU8) 2025-04-11T11:42Z 17.7K followers, [----] engagements "Migrating LiveVue from Nuxt [--] to Nuxt [--] We migrate LiveVue.dev "blind" from Nuxt [--] to Nuxt [--]. --- Links and Resources * Website https://livevue.dev/ * Code https://github.com/TheAlexLichter/livevue.dev --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=enK8Yl55rXg) 2025-11-14T13:55Z 17.7K followers, [----] engagements "A new Nuxt CORE MODULE dropped 👀 Last week a new module dropped. We take a look what the alpha release is capable of how it works and what you can expect --- Links and Resources * Repository https://github.com/nuxt/hints" [YouTube Link](https://youtube.com/watch?v=mINpi_6OJT0) 2025-11-21T14:27Z 17.7K followers, [----] engagements "Which plugins SLOW YOUR BUILD You can find out now The newest Rolldown version helps us finding slow plugins: Here is how --- Links and Resources * Elk https://github.com/elk-zone/elk * Nuxt Test Utils PR https://github.com/nuxt/test-utils/pull/1512/changes * e18e umbrella issue https://github.com/e18e/ecosystem-issues/issues/171 * Other PRs pending (I'm on it) * Nuxt Devtools Video https://www.youtube.com/watchv=9oPyX2nAwWs" [YouTube Link](https://youtube.com/watch?v=qIznt0zvbtc) 2025-12-12T13:43Z 17.7K followers, [----] engagements "Nitro v3 ALPHA: The first look --- Links and Resources * Nitro v3 docs https://v3.nitro.build/ * Pooya's ViteConf Nitro Talk https://www.youtube.com/watchv=189wogO3aCE * Srvx https://srvx.h3.dev/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=sWGWHyVlIlU) 2025-10-24T12:58Z 17.7K followers, [----] engagements "Vite Bundle Inspection made EASY Performance is crucial and the cost of JS is high. Check out how you can reduce your bundle size by taking care of your dependencies --- Links and Resources * It-tools repo https://github.com/CorentinTh/it-tools * Vite Bundle Visualizer https://github.com/KusStar/vite-bundle-visualizer * Rollup Plugin Visualizer https://github.com/btd/rollup-plugin-visualizer * Module Replacement https://github.com/es-tooling/module-replacements * NPM Graph https://npmgraph.js.org/ * You don't need lodash https://you-dont-need.github.io/You-Dont-Need-Lodash-Underscore/ * e18e" [YouTube Link](https://youtube.com/watch?v=9c4HLqk1ExA) 2025-10-03T13:15Z 17.7K followers, [----] engagements "This will CHANGE in [----] on my channel. Some updates after a short creative break regarding this YouTube channel. Spoiler: I won't go anywhere. More in the video --- Links and Resources * e18e & friends - https://e18e.dev/blog/e18e-and-friends.html * More content on @voidzerodev soon" [YouTube Link](https://youtube.com/watch?v=AW5NA6V-DTM) 2026-01-30T17:58Z 17.7K followers, [----] engagements "Route Rules in Nuxt - SSR SSG ISR and more Nuxt supports "Hybrid Rendering" - a technique to mix various rendering modes in a single application. From the dashboard behind a login as SPA without SSR over to caching and even prerendering pages a lot is possible. Like. removing JS alltogether 😲 Watch the video and figure out how to set things up how route rules work and which are available #nuxt #vue --- Links and Resources: 🔗 10% Off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER 🔗 Route Rule Docs" [YouTube Link](https://youtube.com/watch?v=Fp04Kw4nBE8) 2024-07-19T13:58Z 17.7K followers, [----] engagements "The definitive guide to shallowRef in Vue ✨ ref and reactive are two well known reactivity building blocks in the Vue Composition API. But there are more - for example shallowRef But what is the difference between shallowRef and ref - and when to use it In this video we will cover everything around the shallowRef reactivity building block: 🧠 Explaining how it is different from ref and how it works ✅ Scenarios when to use it 🔍 Show various examples in live projects like VueUse and Nuxt.js Links: 🔗 First playground:" [YouTube Link](https://youtube.com/watch?v=HdDVfiHtWHE) 2023-11-17T14:58Z 17.7K followers, 10.4K engagements "Make your Vue & Nuxt apps MORE SECURE Security is critical - but often not thought through by developers when it comes to adding features. Luckily Vue has a lot of safeguards in place - but there are situations where these won't help either. Which ones you wonder Check out the video #vue #nuxt #security #webdev --- Links and Resources: 🔗 State of JS https://survey.devographics.com/en-US/survey/state-of-js/2024source=alexander_lichter_video_vue_security 🔗 DOMPurify https://github.com/cure53/DOMPurify 🔗 https://css-tricks.com/css-keylogger/ 🔗 OWASP Top Ten" [YouTube Link](https://youtube.com/watch?v=Hr4apFSYZW0) 2024-11-29T13:58Z 17.7K followers, [----] engagements "The BEST way to proxy your API in Nuxt ➡ Proxying routes to your back-end or third party APIs is a common practice Over the last two years various strategies came up in Nuxt. But not all of them work equally will. To figure out which two strategies are the recommended ones we have a look at the four most common strategies their shortcomings and which ones I would recommend to use Key points: ✅ How a successful proxy strategy looks like 🔢 All common strategies - From Vite's proxy to a Nitro proxy endpoint Which strategies to use and how to implement them Links: 📺 Nuxt vs. Nitro:" [YouTube Link](https://youtube.com/watch?v=J4E5uYz5AY8) 2023-12-29T15:00Z 17.7K followers, 33.4K engagements "Is your function REALLY a Vue composable 💚 Vue's Composition API is amazing and my preferred way to write components nowadays. But often I see that developers don't know when functions are Vue composables and when they are plain functions. Do you know In this video we will cover exactly this: 🧠 Explaining what a Vue composable actually is ✅ Going through a checklist to figure out if your functions are composables 🔍 Investigating [--] examples and decide if they are composable or not Links: 🔗 Vue Docs: https://vuejs.org/guide/reusability/composables.html#composables 🔗 Example playground" [YouTube Link](https://youtube.com/watch?v=N0QrFKBZuqA) 2023-11-03T15:00Z 17.7K followers, 24K engagements "Vercel BUYING NuxtLabs - What it means for you This week's acquisition of NuxtLabs was a suprise for most of us - but what does it mean for Nuxt as a framework for the community and for YOU Disclaimer: This video shares my own opinion and not the official stance of VoidZero nor the Nuxt core team as a whole. --- Links and Resources 🔗 NuxtLabs announcement 🎙 Full @DejaVueFm episode with Daniel and Sbastien https://www.youtube.com/watchv=xHbjFW9EJ-8 🔗 Nuxt Governance document https://github.com/nuxt/governance 🔗 Nitro Governance document" [YouTube Link](https://youtube.com/watch?v=NiQB7QPJAiM) 2025-07-13T12:58Z 17.7K followers, 10.3K engagements "You should use useFetch with a custom $fetch instance useAsyncData + $fetch is a common combo especially when you have a custom instance. But. often you can use useFetch for it 👀 --- Links and Resources * Repository Pattern Video https://www.youtube.com/watchv=jXH8Tr-exhI --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=OjMkGenTerM) 2025-08-08T12:58Z 17.7K followers, [----] engagements "EXPOSE parts of your Vue component - How and Why Props down events up The pattern is well-known to all Vue developers. But there is another pattern which can be useful in exceptional situations - exposing parts of your component --- Links and Resources 🔗 Playground" [YouTube Link](https://youtube.com/watch?v=PLQTJ5qL1rg) 2025-05-23T12:55Z 17.7K followers, [----] engagements "OVERUSING Reactivity in Vue Reactivity in Vue is pretty powerful but often *overused*. A classic case of - if I am a hammer everything looks like a nail. Let's go through [--] common scenarios and fix them ensuring reactivity is only used where necessary. --- Links and Resources 🔗 Timeout Example" [YouTube Link](https://youtube.com/watch?v=PPIxHd5o9XQ) 2025-05-30T12:58Z 17.7K followers, [----] engagements "More Features of Vue's VS Code Extension Curious for more features of the Vue (official) VS Code Extension Then this video will show you a lot of them. In [--] minutes you learn about inlay hints drag & drop reactivity visualization and more --- Links and Resources * Download the Vue (official) Extension now https://marketplace.visualstudio.com/itemsitemName=Vue.volar * Sponsor Johnson for his amazing work https://github.com/sponsors/johnsoncodehk --- Chaptermarks 00:00 Intro 00:08 Drag & Drop Components 00:55 No more jumping to the component TS Declarations 01:19 Missing Props hint 02:05 All is" [YouTube Link](https://youtube.com/watch?v=RcPcO4_Ct_U) 2025-07-02T07:50Z 17.7K followers, 42.8K engagements "5 Vue features you might MISS OUT right now In more than [--] years of Vue.js a lot of features became part of the framework - and of course nobody uses *all* of them. So why not presenting some of the lesser-known features That's what happens in this video --- Links and Resources: 🔗 Props Destructure https://vuejs.org/guide/components/props.html#reactive-props-destructure 🔗 Prop (Same-Name) Shorthand https://vuejs.org/guide/essentials/template-syntax.html#same-name-shorthand 🔗 v-bind in CSS https://vuejs.org/api/sfc-css-features.html#v-bind-in-css 🔗 useTemplateRef" [YouTube Link](https://youtube.com/watch?v=Tsdhuug3z1A) 2025-03-07T13:18Z 17.7K followers, 15.5K engagements "My FAVORITE UI Library for Vue.js Wondering what my favorite UI library in the Vue and Nuxt ecosystem is I'll show you which and why I personally enjoy using that specific library - and why you could do too #vuejs3 #vue #typescript --- Links and Resources 🔗 Join me at Vue.js Amsterdam [---] - 10% OFF wih Code LICHTER https://lichter.link/vue-ams-25 * 🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/events/305514997/ 🔗 Check out Nuxt UI - Get 20% off the pro version with code LICHTER https://www.lichter.link/nuxt-ui * 🔗 TresJS https://tresjs.org/ 🔗 Inspira UI" [YouTube Link](https://youtube.com/watch?v=_zZGr7Tr8I0) 2025-02-07T13:58Z 17.7K followers, 24.7K engagements "Vue [---] ALPHA is out All you need to know 👀 Vue [---] Alpha DROPPED We take a look what is in it Thanks to Hennge for sponsoring this video 👉 Join Hennge as Junior Vue Dev https://lichter.link/hennge-junior * 👉 Coding Challenge (Front End) with code FE-GIP-ALEXLICHTER https://challenge.hennge.com/entry-code=FE-GIP-ALEXLICHTER * --- Links and Resources 🔗 Release notes https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.1 🔗 Alien Signals https://github.com/stackblitz/alien-signals 🔗 Reactivity Benchmark https://github.com/transitive-bullshit/js-reactivity-benchmark 🔗 JS Framework" [YouTube Link](https://youtube.com/watch?v=bhCIGxinkgo) 2025-07-18T12:58Z 17.7K followers, 16.4K engagements "TYPESAFE and fs-based Routing in plain Vue.js We all want better typesafety. And often also routing based on the file system. While some of you might think that this is only possible in Nuxt this Video will show you how it works in plain Vue Thanks to Hennge for sponsoring this video 👉 Join Hennge https://lichter.link/hennge-intern 👉 Coding Challenge (Front End) with code FE-GIP-ALEXLICHTER https://challenge.hennge.com/entry-code=FE-GIP-ALEXLICHTER --- Links and Resources 🔗 https://github.com/posva/unplugin-vue-router --- Chaptermarks later ;) --- Links marked with * are affiliate links. I" [YouTube Link](https://youtube.com/watch?v=cCrpJfOAejE) 2025-06-06T12:32Z 17.7K followers, [----] engagements "Custom $fetch and Repository Pattern in Nuxt [--] 💻 The repository pattern is a popular way to abstract your API calls away and provide a descriptive way to retrieve or send data. But how would you implement it in Nuxt And should you use composables or $fetch for it This video will give answers to all the questions Key points: 🎛 Implementing the repository pattern in Nuxt 🔛 Creating our own $fetch instance Making sure that it works with composables and standalone 👩💻 Building the demo app step by step --- Links: 📺 Do you use useFetch wrong - https://www.youtube.com/watchv=njsGVmcWviY 🔗" [YouTube Link](https://youtube.com/watch?v=jXH8Tr-exhI) 2024-02-09T13:58Z 17.7K followers, 25.4K engagements "Conditional Properties in Vue.js Passing either prop A or prop B but not both is a common use case - but not that easy to achieve in Vue In this video you learn how 🙌 #vuejs3 #vue #typescript --- Links and Resources 🔗 Conditional Properties Issue https://github.com/vuejs/core/issues/8952 https://github.com/vuejs/core/issues/8952 🔗 Vue Playground" [YouTube Link](https://youtube.com/watch?v=vyD5pYOa5mY) 2025-01-31T13:58Z 17.7K followers, [----] engagements "Nitro and EJS combined Some of you might be well aware of EJS aka one of the most used templating engines in the NodeJS world especially when using Express back in the days. But did you know that you can also make EJS work with Nitro And even with unstorage 👀 Let's do it #nitro #ejs #javascript #webdevelopment --- Links and Resources: 🔗 10% off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER 🔗 Code https://github.com/manniL/alexander-lichter-nitro-ejs 🔗 EJS https://ejs.co/ 🔗 Nitro issue re encoding https://github.com/unjs/nitro/issues/1926 📺 Caching in" [YouTube Link](https://youtube.com/watch?v=zylOimvtnr4) 2024-09-27T12:58Z 17.6K followers, [----] engagements "Alexander Lichter Live Stream" [YouTube Link](https://youtube.com/watch?v=HWIApRj9VMA) 2026-02-09T13:21Z 17.7K followers, [--] engagements "This will CHANGE in [----] on my channel. Some updates after a short creative break regarding this YouTube channel. Spoiler: I won't go anywhere. More in the video --- Links and Resources * e18e & friends - https://e18e.dev/blog/e18e-and-friends.html * More content on @voidzerodev soon" [YouTube Link](https://youtube.com/watch?v=AW5NA6V-DTM) 2026-01-30T17:58Z 17.7K followers, [----] engagements "Which plugins SLOW YOUR BUILD You can find out now The newest Rolldown version helps us finding slow plugins: Here is how --- Links and Resources * Elk https://github.com/elk-zone/elk * Nuxt Test Utils PR https://github.com/nuxt/test-utils/pull/1512/changes * e18e umbrella issue https://github.com/e18e/ecosystem-issues/issues/171 * Other PRs pending (I'm on it) * Nuxt Devtools Video https://www.youtube.com/watchv=9oPyX2nAwWs" [YouTube Link](https://youtube.com/watch?v=qIznt0zvbtc) 2025-12-12T13:43Z 17.7K followers, [----] engagements "Run VS CODE in the Nuxt Devtools - Part [--] Let's check what the Nuxt DevTools can do We have an in-depth look in the first half of the features. --- Links and Resources * PART ONE https://www.youtube.com/watchv=9oPyX2nAwWs * Elk https://github.com/elk-zone/elk * DevTools repo https://github.com/nuxt/devtools/ * Cache storage issue https://github.com/nuxt/devtools/issues/785 * Programmtic storage issue https://github.com/nuxt/devtools/issues/853 * Reactivity Transform Video https://www.youtube.com/watchv=7aLwI0F5xEo * Nuxt Test Utils Primer https://www.youtube.com/watchv=yGzwk9xi9gU" [YouTube Link](https://youtube.com/watch?v=EbssD4ovQBM) 2025-12-05T15:58Z 17.7K followers, [----] engagements "Nuxt DevTools can do THAT - Part [--] Let's check what the Nuxt DevTools can do We have an in-depth look in the first half of the features. --- Links and Resources * Elk https://github.com/elk-zone/elk * DevTools repo https://github.com/nuxt/devtools/" [YouTube Link](https://youtube.com/watch?v=9oPyX2nAwWs) 2025-11-28T14:08Z 17.7K followers, [----] engagements "A new Nuxt CORE MODULE dropped 👀 Last week a new module dropped. We take a look what the alpha release is capable of how it works and what you can expect --- Links and Resources * Repository https://github.com/nuxt/hints" [YouTube Link](https://youtube.com/watch?v=mINpi_6OJT0) 2025-11-21T14:27Z 17.7K followers, [----] engagements "Migrating LiveVue from Nuxt [--] to Nuxt [--] We migrate LiveVue.dev "blind" from Nuxt [--] to Nuxt [--]. --- Links and Resources * Website https://livevue.dev/ * Code https://github.com/TheAlexLichter/livevue.dev --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=enK8Yl55rXg) 2025-11-14T13:55Z 17.7K followers, [----] engagements "Nuxt Studio can be selfhosted NOW The Nuxt Studio Alpha is out and we can self-host the CMS now. Let's take a look --- Links and Resources * Collection Relationships https://github.com/nuxt/content/issues/3352 * Schema validation on build https://github.com/nuxt/content/issues/3351 * Alpha announcement https://content.nuxt.com/blog/studio-module-alpha * Demo Site https://nuxt-studio-alpha-demo.netlify.app/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only" [YouTube Link](https://youtube.com/watch?v=SCyyKT9bw_M) 2025-11-07T12:16Z 17.7K followers, [----] engagements "Wait - PHP IN JS What is rendu Why does Nitro support PHP syntax in the template And how is this related to SSR --- Links and Resources * Nitro v3 Alpha First Look https://www.youtube.com/watchv=sWGWHyVlIlU * create-vite-extra SSR template https://github.com/bluwy/create-vite-extra/tree/master/template-ssr-vanilla * Rendu https://github.com/h3js/rendu * Vite SSR Docs https://vite.dev/guide/ssr --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include" [YouTube Link](https://youtube.com/watch?v=Qk2oNBRw2Y8) 2025-11-03T14:28Z 17.7K followers, [----] engagements "Nitro v3 ALPHA: The first look --- Links and Resources * Nitro v3 docs https://v3.nitro.build/ * Pooya's ViteConf Nitro Talk https://www.youtube.com/watchv=189wogO3aCE * Srvx https://srvx.h3.dev/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=sWGWHyVlIlU) 2025-10-24T12:58Z 17.7K followers, [----] engagements "Webpack and Rspack with Nuxt [--] Nuxt is inherently supporting multiple build-tools - but why --- Links and Resources * Nitro v3 docs https://v3.nitro.build/ * Extracting Nitro PR https://github.com/nuxt/nuxt/pull/33462 * Pooya's ViteConf Nitro Talk (to be released) https://www.youtube.com/watchv=189wogO3aCE * Daniel'S ViteConf Nuxt Talk (to be released) https://www.youtube.com/watchv=uiufuNh6L4E * Builder Docs https://nuxt.com/docs/4.x/api/nuxt-config#builder --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my" [YouTube Link](https://youtube.com/watch?v=VoS_QqQ2FGw) 2025-10-17T13:02Z 17.7K followers, [----] engagements "Nuxt vs Nuxi What is the correct Nuxt CLI and why. Nuxt's CLI is important - but why do we have nuxi nuxt create-nuxt-app and create-nuxt --- Links and Resources * https://github.com/nuxt/cli/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=x_7mhWFynW4) 2025-10-10T12:58Z 17.7K followers, [----] engagements "Vite Bundle Inspection made EASY Performance is crucial and the cost of JS is high. Check out how you can reduce your bundle size by taking care of your dependencies --- Links and Resources * It-tools repo https://github.com/CorentinTh/it-tools * Vite Bundle Visualizer https://github.com/KusStar/vite-bundle-visualizer * Rollup Plugin Visualizer https://github.com/btd/rollup-plugin-visualizer * Module Replacement https://github.com/es-tooling/module-replacements * NPM Graph https://npmgraph.js.org/ * You don't need lodash https://you-dont-need.github.io/You-Dont-Need-Lodash-Underscore/ * e18e" [YouTube Link](https://youtube.com/watch?v=9c4HLqk1ExA) 2025-10-03T13:15Z 17.7K followers, [----] engagements "Why deduping NPM packages is NECESSARY Package deduplication is an important step. Why Let's check in the video based on the Nuxt upgrade command. --- Links and Resources * Nuxt CLI https://github.com/nuxt/cli/blob/f4749f8daed010153d1a709ac1343d21d5731d22/packages/nuxi/src/commands/upgrade.ts#L186 * nypm https://github.com/unjs/nypm/blob/main/src/api.ts * No bun Dedupe https://github.com/oven-sh/bun/issues/8594 --- Chaptermarks --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the" [YouTube Link](https://youtube.com/watch?v=TTlgfMPFYwM) 2025-09-26T13:07Z 17.7K followers, [----] engagements "The BEST way to PROTECT yourself against Supply Chain Attacks We've seen a huge wave of supply chain attacks in the JS ecosystem (again). This is a real threat to all apps being developed in the JavaScript ecosystem given that high-download dependencies or tools like Nx are targeted. This video shows what happened (a high-level overview) and most importantly what YOU CAN DO to protect you and your project against it. --- Links and Resources * In the Past: CVEs on Vite https://www.youtube.com/watchv=ctsfEc9UYU8 * Nx got compromised" [YouTube Link](https://youtube.com/watch?v=o6pg0VeqGyA) 2025-09-19T12:58Z 17.7K followers, [----] engagements "Prerendered Nuxt sites with LESS JAVASCRIPT When you pre-render your Nuxt application (aka. using SSG) some parts of your data fetching logic might not be needed. Good that we can remove them with a module and soon with a settings as part of the Nuxt core --- Links and Resources * https://github.com/danielroe/nuxt-rebundle * https://github.com/nuxt/nuxt/pull/33131 --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or" [YouTube Link](https://youtube.com/watch?v=w_5lxpFOE4E) 2025-09-12T10:30Z 17.7K followers, [----] engagements "Nuxt has BETTER CHUNKING now In the latest Nuxt release the chunking was improved a lot leading to stable hashes and less changing files per build. Figure out what happened and what the problem was --- Links and Resources * PR --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=eryRM-ovpyY) 2025-09-05T11:22Z 17.7K followers, [----] engagements "FASTER Nuxt Production builds with [--] lines of changes Everybody wants faster builds - and you can have them by switching the underlying Vite version to Rolldown-Vite Never heard of it Then time to watch the video. --- Links and Resources * Rolldown https://rolldown.rs/ * Rolldown-Vite migration guide https://vite.dev/rolldown * Rolldown-Vite Perf Wins https://github.com/vitejs/rolldown-vite-perf-wins * CodSpeed benchmark https://codspeed.io/nuxt/nuxt/branches/feat%2Ftest-rolldown-vite * Nuxt.com CI before https://github.com/nuxt/nuxt.com/actions/runs/16427059534/job/46419889875#step:7:224 *" [YouTube Link](https://youtube.com/watch?v=KEdlbVZW3Ow) 2025-08-29T12:12Z 17.7K followers, [----] engagements "ONE CAVEAT less for Lazy Hydration Lazy hydration in Nuxt is great for performance during the first request - but it could only be used by relying on auto imports. As the community is torn on whether they are a curse or a blessing there is a different way now --- Links and Resources * Lazy Hydration in Nuxt https://www.youtube.com/watchv=hibbpTe661U * Auto Imports in Nuxt https://www.youtube.com/watchv=FT2LQJ2NvVI * Server components vs. Lazy Hydration https://www.youtube.com/watchv=Jijoc0RH_tA * Implementation PR https://github.com/nuxt/nuxt/pull/31192 --- Links marked with * are affiliate" [YouTube Link](https://youtube.com/watch?v=j7Cml_gaeZo) 2025-08-22T12:58Z 17.7K followers, [----] engagements "Using a src folder in Nuxt [--] Setting up a folder that contains all code and no config often referred to as src folder was pretty simple in Nuxt [--]. With Nuxt [--] things changed. This video explains how you can still configure it and which shortcomings exist --- Links and Resources * Nuxt [--] Overview video https://www.youtube.com/watchv=rCT54d8sMWk * Nuxt [--] Layers https://www.youtube.com/watchv=fr5yo3aVkfA * src folder issue https://github.com/nuxt/nuxt/issues/32965 --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my" [YouTube Link](https://youtube.com/watch?v=zDzO6-uq80s) 2025-08-15T09:16Z 17.7K followers, [----] engagements "You should use useFetch with a custom $fetch instance useAsyncData + $fetch is a common combo especially when you have a custom instance. But. often you can use useFetch for it 👀 --- Links and Resources * Repository Pattern Video https://www.youtube.com/watchv=jXH8Tr-exhI --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with" [YouTube Link](https://youtube.com/watch?v=OjMkGenTerM) 2025-08-08T12:58Z 17.7K followers, [----] engagements "There is a BUILT-IN check for a new version of your Nuxt app After deploying your app you often want to notify users that there is a new version available. Doing that in Nuxt is actually easier than you'd expect Let's take a look at how that works how it is related to the app manifest and eventually implementing it --- Links and Resources * Documentation for the experimental option https://nuxt.com/docs/4.x/api/nuxt-config#checkoutdatedbuildinterval * Nuxt implementation to check https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/plugins/check-outdated-build.client.ts * Inline" [YouTube Link](https://youtube.com/watch?v=D9gWQ1x6Qg8) 2025-08-01T12:58Z 17.7K followers, [----] engagements "Nuxt [--] - An overview Nuxt [--] is out Another major release after Nuxt [--] was released [--] years and [--] months ago. Let's have a look at all the features and changes --- Links and Resources 📺 TWO Major Nuxt Versions https://www.youtube.com/watchv=TAoTh4DqH6A 📺 New Directory Structure https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Shared Folder https://www.youtube.com/watchv=_m5ct5e8nVo 🔗 Announcement post https://nuxt.com/blog/v4 --- Chaptermarks 00:00 Intro and Prelude 01:10 New features of Nuxt [--] 02:16 The new CLI 04:19 New Directory Structure 07:17 Better tsconfig 08:40 Further changes 09:00" [YouTube Link](https://youtube.com/watch?v=rCT54d8sMWk) 2025-07-25T12:58Z 17.7K followers, 16.7K engagements "Vue [---] ALPHA is out All you need to know 👀 Vue [---] Alpha DROPPED We take a look what is in it Thanks to Hennge for sponsoring this video 👉 Join Hennge as Junior Vue Dev https://lichter.link/hennge-junior * 👉 Coding Challenge (Front End) with code FE-GIP-ALEXLICHTER https://challenge.hennge.com/entry-code=FE-GIP-ALEXLICHTER * --- Links and Resources 🔗 Release notes https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.1 🔗 Alien Signals https://github.com/stackblitz/alien-signals 🔗 Reactivity Benchmark https://github.com/transitive-bullshit/js-reactivity-benchmark 🔗 JS Framework" [YouTube Link](https://youtube.com/watch?v=bhCIGxinkgo) 2025-07-18T12:58Z 17.7K followers, 16.4K engagements "How we released Nuxt [--] (featuring @danielroe) #webdevelopment #nuxtjs #nuxt #vuejs #vue Some behind-the-scenes footage of how we released Nuxt 👀" [YouTube Link](https://youtube.com/watch?v=Nf6FsD0i-eU) 2025-07-16T06:33Z 17.7K followers, [----] engagements "Vercel BUYING NuxtLabs - What it means for you This week's acquisition of NuxtLabs was a suprise for most of us - but what does it mean for Nuxt as a framework for the community and for YOU Disclaimer: This video shares my own opinion and not the official stance of VoidZero nor the Nuxt core team as a whole. --- Links and Resources 🔗 NuxtLabs announcement 🎙 Full @DejaVueFm episode with Daniel and Sbastien https://www.youtube.com/watchv=xHbjFW9EJ-8 🔗 Nuxt Governance document https://github.com/nuxt/governance 🔗 Nitro Governance document" [YouTube Link](https://youtube.com/watch?v=NiQB7QPJAiM) 2025-07-13T12:58Z 17.7K followers, 10.3K engagements "More Features of Vue's VS Code Extension Curious for more features of the Vue (official) VS Code Extension Then this video will show you a lot of them. In [--] minutes you learn about inlay hints drag & drop reactivity visualization and more --- Links and Resources * Download the Vue (official) Extension now https://marketplace.visualstudio.com/itemsitemName=Vue.volar * Sponsor Johnson for his amazing work https://github.com/sponsors/johnsoncodehk --- Chaptermarks 00:00 Intro 00:08 Drag & Drop Components 00:55 No more jumping to the component TS Declarations 01:19 Missing Props hint 02:05 All is" [YouTube Link](https://youtube.com/watch?v=RcPcO4_Ct_U) 2025-07-02T07:50Z 17.7K followers, 42.8K engagements "THIS [--] year old Vue feature helps with nested components Structuring components especially with naming is not always easy. But the feature shown in this video - namespaced components - will help with this Learn more now 👀 --- Links and Resources * Reka Ui Namespaced https://reka-ui.com/docs/guides/namespaced-components#namespaced-components * Reka UI Normal https://reka-ui.com/docs/components/dialog * Motion Vue https://motion.dev/docs/vue-motion-component * The @DejaVueFm episode with Matt creator of Motion.dev https://www.youtube.com/watchv=d8VfOmgh9IM --- Chaptermarks 00:00 Intro &" [YouTube Link](https://youtube.com/watch?v=S_eVidossHU) 2025-06-27T12:58Z 17.7K followers, [----] engagements "Better SPA accessibility in Nuxt with a single built-in component Accessibility aka. a11y is important for every project out there. Thanks to Nuxt you can already make your projects a tad more accessible without doing anything. That doesn't relieve you from providing alt tags or making sure links and buttons have titles or labels but will still help you "do less". More in the video --- Links and Resources 🔗 WebAIM Million Report https://webaim.org/projects/million/ 🔗 Nuxt Route Announcer Docs https://nuxt.com/docs/api/components/nuxt-route-announcer 🔗 Component Source Code" [YouTube Link](https://youtube.com/watch?v=kFCk2yktyKE) 2025-06-20T12:58Z 17.7K followers, [----] engagements "TWO Major Nuxt versions coming All you need to know about Nuxt [--] and Nuxt [--] --- Links and Resources 🔗 Nuxt Blog post https://nuxt.com/blog/roadmap-v4 🔗 Nuxt Migration Guide https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4 🔗 Nuxt Alpha [--] https://github.com/nuxt/nuxt/releases/tag/v4.0.0-alpha.2 🔗 Daniel's PR to migrate elk https://github.com/elk-zone/elk/pull/3298 🔗 h3 beta https://github.com/h3js/h3/releases/tag/v2.0.0-beta.0 📺 Nuxt [--] folder structure https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Nuxt [--] Shared Folder https://www.youtube.com/watchv=_m5ct5e8nVo --- Chaptermarks" [YouTube Link](https://youtube.com/watch?v=TAoTh4DqH6A) 2025-06-13T12:58Z 17.7K followers, [----] engagements "TYPESAFE and fs-based Routing in plain Vue.js We all want better typesafety. And often also routing based on the file system. While some of you might think that this is only possible in Nuxt this Video will show you how it works in plain Vue Thanks to Hennge for sponsoring this video 👉 Join Hennge https://lichter.link/hennge-intern 👉 Coding Challenge (Front End) with code FE-GIP-ALEXLICHTER https://challenge.hennge.com/entry-code=FE-GIP-ALEXLICHTER --- Links and Resources 🔗 https://github.com/posva/unplugin-vue-router --- Chaptermarks later ;) --- Links marked with * are affiliate links. I" [YouTube Link](https://youtube.com/watch?v=cCrpJfOAejE) 2025-06-06T12:32Z 17.7K followers, [----] engagements "OVERUSING Reactivity in Vue Reactivity in Vue is pretty powerful but often *overused*. A classic case of - if I am a hammer everything looks like a nail. Let's go through [--] common scenarios and fix them ensuring reactivity is only used where necessary. --- Links and Resources 🔗 Timeout Example" [YouTube Link](https://youtube.com/watch?v=PPIxHd5o9XQ) 2025-05-30T12:58Z 17.7K followers, [----] engagements "EXPOSE parts of your Vue component - How and Why Props down events up The pattern is well-known to all Vue developers. But there is another pattern which can be useful in exceptional situations - exposing parts of your component --- Links and Resources 🔗 Playground" [YouTube Link](https://youtube.com/watch?v=PLQTJ5qL1rg) 2025-05-23T12:55Z 17.7K followers, [----] engagements "Dates and Times done RIGHT with SSR in Nuxt Nuxt [----] brings a new built-in component called NuxtTime. Let's check out why it is useful and more importantly how it is implemented under the hood. --- Links and Resources 🔗 [----] Release Post https://nuxt.com/blog/v3-17 🔗 Nuxt Time Module (now archived) https://github.com/danielroe/nuxt-time 🔗 Source Code of NuxtTime https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-time.vue 🔗 Intl API https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl --- Chaptermarks 00:00 Intro 00:32 Dates and" [YouTube Link](https://youtube.com/watch?v=ahoGZ_AoD3U) 2025-05-16T12:58Z 17.7K followers, [----] engagements "Components in a DIFFERENT FOLDER Component belong into the components folder right WRONG You can put them somewhere else too if you want - with just a few adjustments in Nuxt.js --- Links and Resources 🔗 Nuxt.js Issue about component grouping https://github.com/nuxt/nuxt/issues/28894 🔗 Josh's blog post https://deltener.com/blog/nuxt-enterprise-patterns-component-management/ --- Chaptermarks 00:00 Intro 01:03 Our Demo App 02:27 Does it work by default 04:36 Simple configuration tweaks 05:57 One more problem 07:12 Wrapping up --- Links marked with * are affiliate links. I get a small" [YouTube Link](https://youtube.com/watch?v=aAjfywmbfkM) 2025-05-09T13:58Z 17.7K followers, [----] engagements "Fetch ONCE and share data between Nuxt and Nitro When building your whole application with Nuxt and using Nitro's backend capabilities (or as BFF with an external API) sometimes you want to share data between both parts - ideally without fetching them again. Impossible Not at all This video shows how. --- Links and Resources 🔗 Nitro docs https://nitro.build/ --- Chaptermarks 00:00 Intro 00:14 Sharing data can be necessary 01:09 Demo App Setup 01:33 Setting up what we want to share 04:34 Attaching the info to the event context 05:21 Augmenting the Event Context for TypeScript 07:55 Sharing" [YouTube Link](https://youtube.com/watch?v=0hx38jAzd68) 2025-05-02T13:11Z 17.7K followers, [----] engagements "Vue.js Watchers have Callback Flush WHAT Vue's watchers come in handy when you need side effects (otherwise you better use computed properties). But did you know what you can set up *when* they evaluate It can actually be quite handy. Learn in this video how & when you want to change the flush setting --- Links and Resources 🔗 Docs https://vuejs.org/guide/essentials/watchers.html#callback-flush-timing 🔗 Learn.nuxt.com code https://github.com/nuxt/learn.nuxt.com/blob/842b826837f7dfe150e2bb2a0b60a895668f654d/components/PanelPreview.vue#L24-L31 --- Chaptermarks 00:00 Watchers and when to use" [YouTube Link](https://youtube.com/watch?v=FnTME7I5C5A) 2025-04-25T12:58Z 17.7K followers, [----] engagements "You should try these VueUse composables 👀🥚 Time to take a look at [--] (or more 👀) VueUse composables that you might've not heard about before but definitely could use in your Vue or Nuxt application. --- Links and Resources 🔗 https://vueuse.org/shared/syncRef/ 🔗 https://vueuse.org/core/useRefHistory/ 🔗 https://vueuse.org/shared/whenever/ 🔗 https://vueuse.org/shared/until/ 🔗 https://vueuse.org/core/useScrollLock/ 🔗 https://vueuse.org/core/onStartTyping/ 🔗 https://vueuse.org/core/onClickOutside/ 🔗 https://vueuse.org/core/useNow/ 🔗 https://vueuse.org/core/useTimeAgo/ 🔗" [YouTube Link](https://youtube.com/watch?v=HaeNQXJ-sgs) 2025-04-18T12:58Z 17.7K followers, 12.6K engagements "About the recent Vite CVEs 👀 Vite published a series of CVEs (security issues and their patches) recently. In this video we have a look how serious they are what you should do (update) and even try out one of the vulnerabilities with an older version. --- Links and Resources 🔗 First CVE (published January) https://github.com/vitejs/vite/security/advisories/GHSA-vg6x-rcgg-rjx6 🔗 raw CVE https://github.com/vitejs/vite/security/advisories/GHSA-x574-m823-4x7w 🔗 import query CVE https://github.com/vitejs/vite/security/advisories/GHSA-4r4m-qw57-chr8 🔗.svg & relative paths CVE" [YouTube Link](https://youtube.com/watch?v=ctsfEc9UYU8) 2025-04-11T11:42Z 17.7K followers, [----] engagements "Nuxt Server Components vs. Lazy Hydration We all want less JavaScript and better performance. Both Nuxt Server Components *and* Lazy Hydration can help with that in different ways. In this video you learn how both work and what the differences are plus when to use either --- Links and Resources 🔗 Nuxt Islands component https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-island.ts 🔗 Island Architecture https://www.patterns.dev/vanilla/islands-architecture 📺 Lazy Hydration in Nuxt https://www.youtube.com/watchv=hibbpTe661U 📺 Event Fetch" [YouTube Link](https://youtube.com/watch?v=Jijoc0RH_tA) 2025-04-04T12:58Z 17.7K followers, [----] engagements "Combine POWERFUL native CSS features with Tailwind CSS Tailwind CSS is widely used no matter if you have a love- or hate-relationship with the powerful utility-first CSS Framework. But oftentimes you can combine it with existing parts of the spec such as the use of CSS Variables to make things flexible but not give too much freedom or with data attributes to make state management easier #tailwindcss #css #webdevelopment --- Links and Resources 🔗 Tweet that inspired the video https://x.com/malfaitrobin/status/1887057743279784445 📺 Why your buttons are all wrong" [YouTube Link](https://youtube.com/watch?v=9UscQoW4lh8) 2025-03-28T12:53Z 17.7K followers, [----] engagements "Package Overrides 101: Learn how & why We've talked about patching packages before - but overriding is sometimes necessary too especially when the package is not a direct dependency. Learn how in this video - and get a little treat as well 👀 --- Links and Resources: 🔗 Example issue for overriding https://github.com/nuxt/ui/issues/2971 🔗 Rolldown + Vite 👀 https://github.com/vitejs/rolldown-vite 🔗 https://pkg.pr.new/ 📺 Patching Packages https://www.youtube.com/watchv=NgDXxci6CYU --- Chaptermarks: 00:00 Intro 00:13 New Job who dis 00:38 Why overriding packages 02:24 How to apply overrides" [YouTube Link](https://youtube.com/watch?v=8CS8PKB9rAQ) 2025-03-21T13:58Z 17.7K followers, [----] engagements "Something changes - but a lot stays the same #job #vue More details @ https://bsky.app/profile/did:plc:lgmfg3uvicfeuq56ohxqvfal/post/3lkqmivxln226" [YouTube Link](https://youtube.com/watch?v=j1A4LfzwEhw) 2025-03-19T17:39Z 17.7K followers, [----] engagements "Lazy Hydration is available NOW Hydration is a delicate topic especially hydration errors. But the performance aspect of hydration shouldn't be underestimated either. Luckily we don't need to hydrate *everything* anymore as Vue introduced lazy hydration. And now it is ergonomically available in Nuxt too. Learn how in this video 👀 --- Links and Resources: 🔗 Vue Lazy Hydration https://blog.vuejs.org/posts/vue-3-5#lazy-hydration 🔗 Nuxt [----] https://nuxt.com/blog/v3-16 --- Chaptermarks:" [YouTube Link](https://youtube.com/watch?v=hibbpTe661U) 2025-03-14T13:58Z 17.7K followers, [----] engagements "5 Vue features you might MISS OUT right now In more than [--] years of Vue.js a lot of features became part of the framework - and of course nobody uses *all* of them. So why not presenting some of the lesser-known features That's what happens in this video --- Links and Resources: 🔗 Props Destructure https://vuejs.org/guide/components/props.html#reactive-props-destructure 🔗 Prop (Same-Name) Shorthand https://vuejs.org/guide/essentials/template-syntax.html#same-name-shorthand 🔗 v-bind in CSS https://vuejs.org/api/sfc-css-features.html#v-bind-in-css 🔗 useTemplateRef" [YouTube Link](https://youtube.com/watch?v=Tsdhuug3z1A) 2025-03-07T13:18Z 17.7K followers, 15.5K engagements "3 (and a half) Pinia problems you should AVOID Pinia is integral for a lot of applications. But make sure that you don't make the mistakes shown in the video or if you do how to fix them. --- Links and Resources 🔗 Pinia Docs https://pinia.vuejs.org/ 📺 You are using useFetch wrong https://www.youtube.com/watchv=njsGVmcWviY 📺 Composition API code organization https://www.youtube.com/watchv=iKaDFAxzJyw 📺 @DejaVueFm #E049 - The Fusion of Laravel and Vue (with Aaron Francis) https://share.transistor.fm/s/721e8887 --- Chaptermarks 00:00 Intro 00:45 Demo Application 00:58 Write Setup Stores" [YouTube Link](https://youtube.com/watch?v=Md8bNJVQQFA) 2025-02-28T14:00Z 17.7K followers, 12.9K engagements "Are we implementing Buttons WRONG Recently I was complaining about a certain Nuxt UI implementation when it comes to buttons and luckily realized (thanks to the stream chat) - I was wrong But with such a common practice I wondered. are we all failing at complying with the spec for buttons The answer is YES Learn how in video. Fun fact: The WIP v4 https://www.w3.org/TR/css-ui-4/#valdef-cursor-pointer suggests that pointer *may* be used for interactive elements. #tailwindcss #webdevelopment #accessibility --- Links and Resources 🔗 Check out Nuxt UI - Get 20% off the pro version with code" [YouTube Link](https://youtube.com/watch?v=BdNFBgnzbIY) 2025-02-21T07:21Z 17.7K followers, [----] engagements "Avoid a common Vue PERFORMANCE KILLER Registering components globally is a common patter but also often a performance killer. Learn in this video what a *better* way of adding third party components is and how to spot such chances in existing projects already. PS: You also learn reading a tree chart and analyzing your bundle #vuejs3 #vue #typescript --- Links and Resources 🔗 Join me at Vue.js Amsterdam [---] - 10% OFF with Code LICHTER https://lichter.link/vue-ams-25 * 🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/events/305514997/ 🔗Vite Bundle Visualizer" [YouTube Link](https://youtube.com/watch?v=xqBqInEPGlc) 2025-02-14T13:58Z 17.7K followers, [----] engagements "My FAVORITE UI Library for Vue.js Wondering what my favorite UI library in the Vue and Nuxt ecosystem is I'll show you which and why I personally enjoy using that specific library - and why you could do too #vuejs3 #vue #typescript --- Links and Resources 🔗 Join me at Vue.js Amsterdam [---] - 10% OFF wih Code LICHTER https://lichter.link/vue-ams-25 * 🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/events/305514997/ 🔗 Check out Nuxt UI - Get 20% off the pro version with code LICHTER https://www.lichter.link/nuxt-ui * 🔗 TresJS https://tresjs.org/ 🔗 Inspira UI" [YouTube Link](https://youtube.com/watch?v=_zZGr7Tr8I0) 2025-02-07T13:58Z 17.7K followers, 24.7K engagements "Conditional Properties in Vue.js Passing either prop A or prop B but not both is a common use case - but not that easy to achieve in Vue In this video you learn how 🙌 #vuejs3 #vue #typescript --- Links and Resources 🔗 Conditional Properties Issue https://github.com/vuejs/core/issues/8952 https://github.com/vuejs/core/issues/8952 🔗 Vue Playground" [YouTube Link](https://youtube.com/watch?v=vyD5pYOa5mY) 2025-01-31T13:58Z 17.7K followers, [----] engagements Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing
@thealexlichter Alexander Lichter
Alexander Lichter posts on YouTube about let s, in the, links, check the most. They currently have [------] followers and [---] posts still getting attention that total [---] engagements in the last [--] hours.
Engagements: [---] #
- [--] Week [---] -40%
- [--] Month [-----] +115%
- [--] Months [------] -68%
- [--] Year [-------] +64%
Mentions: [--] #
- [--] Months [--] +2.50%
- [--] Year [--] +121%
Followers: [------] #
- [--] Week [------] no change
- [--] Month [------] +0.57%
- [--] Months [------] +9.30%
- [--] Year [------] +40%
CreatorRank: undefined #
Social Influence
Social category influence technology brands social networks travel destinations finance countries
Social topic influence let s, in the, links, check, performance, common, channel, for the, the first, how to
Top accounts mentioned or mentioned by @dejavuefm @danielroe @voidzerodev @danielroes @e18e
Top Social Posts
Top posts by engagements in the last [--] hours
"Fetch ONCE and share data between Nuxt and Nitro When building your whole application with Nuxt and using Nitro's backend capabilities (or as BFF with an external API) sometimes you want to share data between both parts - ideally without fetching them again. Impossible Not at all This video shows how. --- Links and Resources 🔗 Nitro docs https://nitro.build/ --- Chaptermarks 00:00 Intro 00:14 Sharing data can be necessary 01:09 Demo App Setup 01:33 Setting up what we want to share 04:34 Attaching the info to the event context 05:21 Augmenting the Event Context for TypeScript 07:55 Sharing"
YouTube Link 2025-05-02T13:11Z 17.7K followers, [----] engagements
"Is Nuxt 3's runtimeConfig UNSAFE 🔍 Are you a Nuxt [--] user already and use API keys in your project In this video we dive deep into Nuxt 3's runtimeConfig to explore its potential security implications if handled wrongly. Is it safe to use or are there hidden risks you need to be aware of 🤔👉 runtimeConfig is a powerful feature in Nuxt [--] that allows you to manage configuration variables on the server and client sides of your application. But does this power come with a price when it comes to security 🛡 In this video we'll cover: ✅ What is Nuxt 3's runtimeConfig ✅ How to set up runtime"
YouTube Link 2023-09-29T12:01Z 10.6K followers, [----] engagements
"All about VoidZero - The Interview with Evan You Time to talk about VoidZero - with noone else than the new founder (and also creator of Vue and Vite) Evan You Find out all about how he came up with the idea and vision of a unified toolchain why he decided to go with VC Funding and how he picked investors as well as how Evan plans to monetize the company at one point. When we met up during VueFes [----] in Tokyo Japan we found a small room and with our travel camera + equip we recorded over an hour of interview Also available as @DejaVueFm podcast episode #webdevelopment #webdev #innovation ---"
YouTube Link 2024-10-25T12:58Z 16.8K followers, [----] engagements
"Passing Cookies with event.$fetch and useRequestFetch in Nuxt Ever wondered why cookies are not passed correctly to subrequests - e.g. during SSR or when using Nitro/H3 Then this video is for you. Together we have a look how to pass all the important information including event context and headers to further calls eliminating different behavior on server and client. #nuxtjs #nuxt #vue #webdevelopment --- Links and Resources: 🔗 10% Off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER 🔗 CONTRIBUTE HERE - https://github.com/nuxt/nuxt/issues/19815 🔗 Code"
YouTube Link 2024-09-20T13:58Z 13.3K followers, [----] engagements
"Multiple Vue Components in one File Vue Vine makes it possible Once again I'm not kidding 👀 --- Links and Resources: 🔗 Fixed issue with Nuxt https://github.com/vue-vine/vue-vine/issues/163 🔗 Vue Vine Docs https://vue-vine.dev/ 🔗 Vue Vine Repo https://github.com/vue-vine/vue-vine 📺 @DejaVueFm #E035 - Error Handling in Vue --- Chaptermarks: 00:00 Intro 00:16 What's the problem 02:04 The solution 02:40 Demo App 04:30 Vue Vine VS Code Extension 05:26 How it works under the hood 06:27 Building a simple component 07:17 How to handle Props Events and Slots 09:40 Multiple components in one file"
YouTube Link 2024-11-22T13:58Z 11.1K followers, [----] engagements
"Package Overrides 101: Learn how & why We've talked about patching packages before - but overriding is sometimes necessary too especially when the package is not a direct dependency. Learn how in this video - and get a little treat as well 👀 --- Links and Resources: 🔗 Example issue for overriding https://github.com/nuxt/ui/issues/2971 🔗 Rolldown + Vite 👀 https://github.com/vitejs/rolldown-vite 🔗 https://pkg.pr.new/ 📺 Patching Packages https://www.youtube.com/watchv=NgDXxci6CYU --- Chaptermarks: 00:00 Intro 00:13 New Job who dis 00:38 Why overriding packages 02:24 How to apply overrides"
YouTube Link 2025-03-21T13:58Z 17.7K followers, [----] engagements
"Combine POWERFUL native CSS features with Tailwind CSS Tailwind CSS is widely used no matter if you have a love- or hate-relationship with the powerful utility-first CSS Framework. But oftentimes you can combine it with existing parts of the spec such as the use of CSS Variables to make things flexible but not give too much freedom or with data attributes to make state management easier #tailwindcss #css #webdevelopment --- Links and Resources 🔗 Tweet that inspired the video https://x.com/malfaitrobin/status/1887057743279784445 📺 Why your buttons are all wrong"
YouTube Link 2025-03-28T12:53Z 17.7K followers, [----] engagements
"We have to talk about Rendering Modes. Nowadays everyone talks about "SSR" - but do people actually talk about the same rendering mode there Or is it what they actually want or need Same applies to all the other acronyms from ISR over to SSG. And especially when talking with people not using a JavaScript Meta Framework these terminologies might get a somewhat new meaning. Check out the video to make sure you have the overview of the different modes a big decision tree of how they belong together and how to figure out what your app (or parts of your app) are + what you need. --- Links and"
YouTube Link 2024-07-12T12:58Z 10.6K followers, [----] engagements
"There is a BUILT-IN check for a new version of your Nuxt app After deploying your app you often want to notify users that there is a new version available. Doing that in Nuxt is actually easier than you'd expect Let's take a look at how that works how it is related to the app manifest and eventually implementing it --- Links and Resources * Documentation for the experimental option https://nuxt.com/docs/4.x/api/nuxt-config#checkoutdatedbuildinterval * Nuxt implementation to check https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/plugins/check-outdated-build.client.ts * Inline"
YouTube Link 2025-08-01T12:58Z 17.7K followers, [----] engagements
"You should try these VueUse composables 👀🥚 Time to take a look at [--] (or more 👀) VueUse composables that you might've not heard about before but definitely could use in your Vue or Nuxt application. --- Links and Resources 🔗 https://vueuse.org/shared/syncRef/ 🔗 https://vueuse.org/core/useRefHistory/ 🔗 https://vueuse.org/shared/whenever/ 🔗 https://vueuse.org/shared/until/ 🔗 https://vueuse.org/core/useScrollLock/ 🔗 https://vueuse.org/core/onStartTyping/ 🔗 https://vueuse.org/core/onClickOutside/ 🔗 https://vueuse.org/core/useNow/ 🔗 https://vueuse.org/core/useTimeAgo/ 🔗"
YouTube Link 2025-04-18T12:58Z 17.7K followers, 12.6K engagements
"The CORRECT Tag Order in your Vue SFCs One thing that makes Vue special are it's SFCs - Single File Components. But which is the best order of the three tags - script template and styles - inside the components #vue #nuxt #sfc --- Links and Resources 🔗 Evan's Tweet https://x.com/youyuxi/status/1427982990957846529 🔗 CAPI OAPI Comparison https://github.com/vuejs/docs/blob/main/src/guide/extras/images/composition-api-after.png 🔗 FileExplorer in CAPI https://gist.github.com/yyx990803/8854f8f6a97631576c14b63c8acd8f2e 🔗 Elk https://elk.zone/ 🔗 Elk Component"
YouTube Link 2025-01-10T13:58Z 11.8K followers, [----] engagements
"Nuxt Server Components vs. Lazy Hydration We all want less JavaScript and better performance. Both Nuxt Server Components and Lazy Hydration can help with that in different ways. In this video you learn how both work and what the differences are plus when to use either --- Links and Resources 🔗 Nuxt Islands component https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-island.ts 🔗 Island Architecture https://www.patterns.dev/vanilla/islands-architecture 📺 Lazy Hydration in Nuxt https://www.youtube.com/watchv=hibbpTe661U 📺 Event Fetch"
YouTube Link 2025-04-04T12:58Z 17.7K followers, [----] engagements
"FASTER Nuxt Production builds with [--] lines of changes Everybody wants faster builds - and you can have them by switching the underlying Vite version to Rolldown-Vite Never heard of it Then time to watch the video. --- Links and Resources * Rolldown https://rolldown.rs/ * Rolldown-Vite migration guide https://vite.dev/rolldown * Rolldown-Vite Perf Wins https://github.com/vitejs/rolldown-vite-perf-wins * CodSpeed benchmark https://codspeed.io/nuxt/nuxt/branches/feat%2Ftest-rolldown-vite * Nuxt.com CI before https://github.com/nuxt/nuxt.com/actions/runs/16427059534/job/46419889875#step:7:224 *"
YouTube Link 2025-08-29T12:12Z 17.7K followers, [----] engagements
"3 (and a half) Pinia problems you should AVOID Pinia is integral for a lot of applications. But make sure that you don't make the mistakes shown in the video or if you do how to fix them. --- Links and Resources 🔗 Pinia Docs https://pinia.vuejs.org/ 📺 You are using useFetch wrong https://www.youtube.com/watchv=njsGVmcWviY 📺 Composition API code organization https://www.youtube.com/watchv=iKaDFAxzJyw 📺 @DejaVueFm #E049 - The Fusion of Laravel and Vue (with Aaron Francis) https://share.transistor.fm/s/721e8887 --- Chaptermarks 00:00 Intro 00:45 Demo Application 00:58 Write Setup Stores"
YouTube Link 2025-02-28T14:00Z 17.7K followers, 12.9K engagements
"Integrating WebSockets in Nuxt and Nitro 🎉 Nitro [---] was released just before Vue.js Amsterdam and brings new features such as a database layer a task API and also WebSocket support But how can we integrate it in a Nuxt application This video will teach you 👌 Key points: 🛠 How to set up WebSockets in Nitro and in Nuxt 💡 Working from scratch to a functional application ⚠ Hints to make sure you can use Nitro WebSockets Info: Nuxt CLI v3.11.1 was released. YOU DON'T NEED THE NIGHTLY BUILD ANYMORE. --- Links: 🔗 Code - https://github.com/manniL/alexander-lichter-websockets-nitro 🔗 Nuxt CLI"
YouTube Link 2024-03-15T14:28Z 15.7K followers, 12.2K engagements
"How did Vue do in [----] We have a look if [----] was a good year for Vue and Nuxt as a whole 👀 #vue #nuxt --- Links and Resources 🔗 State of JavaScript [----] https://2024.stateofjs.com/en-US 🔗 Gartner Hype Cycle https://en.wikipedia.org/wiki/Gartner_hype_cycle 🔗 Weekly Vue Newsletter https://weekly-vue.news/ 📺 @DejaVueFm #E043 - The Year in ReVue (with Daniel Roe) https://www.youtube.com/watchv=mmzbqy_qu8U --- Chaptermarks 00:00 Welcome to [----] 01:04 Thanks to all survey participants 01:48 Did JavaScript got worse 06:17 How did Vue do in the Survey 09:42 Why is Vue has better Retention and"
YouTube Link 2025-01-17T13:58Z 15.8K followers, [----] engagements
"Stream VOD #004 - Bare-bone Nuxt and Nitro blog Streaming irregularly on https://www.twitch.tv/TheAlexLichter/ Highlights: 🎓 Continue working on my thesis-based project 🌟 Building a simple blog based on Nuxt and Nitro 💡 Answering questions around development Links: 🔗 Stream from @danielroe - https://www.youtube.com/watchv=ovYmz7ZZBUc 📺 Repository Pattern and $fetch video - https://www.youtube.com/watchv=jXH8Tr Don't forget to hit that Subscribe button ring the notification bell and give a thumbs up if you find this video helpful. Thanks for tuning in and happy hacking 🌟 📺 Last week's"
YouTube Link 2024-02-19T20:42Z 10.4K followers, [---] engagements
"Vue's Reactivity System got FASTER AGAIN I'm not kidding It'll happen again and hopefully other framework reactivity systems will apply similar perf improvements. --- Links and Resources: 🔗 How it started https://x.com/johnsoncodehk/status/1840558232093483192 🔗 Johnson improving the reactivity system before https://github.com/vuejs/core/pull/5912 🔗 alien-signals repo https://github.com/stackblitz/alien-signals 🔗 Porting findings to Vue.js https://github.com/vuejs/core/pull/12349 🔗 Statistics from Johnson https://x.com/johnsoncodehk/status/1840563583043973408 🔗 Another benchmark PR"
YouTube Link 2024-11-15T13:58Z 14.7K followers, [----] engagements
"TWO Major Nuxt versions coming All you need to know about Nuxt [--] and Nuxt [--] --- Links and Resources 🔗 Nuxt Blog post https://nuxt.com/blog/roadmap-v4 🔗 Nuxt Migration Guide https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4 🔗 Nuxt Alpha [--] https://github.com/nuxt/nuxt/releases/tag/v4.0.0-alpha.2 🔗 Daniel's PR to migrate elk https://github.com/elk-zone/elk/pull/3298 🔗 h3 beta https://github.com/h3js/h3/releases/tag/v2.0.0-beta.0 📺 Nuxt [--] folder structure https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Nuxt [--] Shared Folder https://www.youtube.com/watchv=_m5ct5e8nVo --- Chaptermarks"
YouTube Link 2025-06-13T12:58Z 17.7K followers, [----] engagements
"No composables folder in Nitro - but WHY TODO #nitro #h3 #unjs --- Links and Resources: --- Chaptermarks 00:00 TODO"
YouTube Link 2024-12-27T13:58Z 11.6K followers, [----] engagements
"defineXYZ in Vue - What are Compiler Macros 💚 Join Vue.js Amsterdam [----] 10% off the [--] Day ticket with LICHTER https://lichter.link/vue-ams-25 * Even when not using auto imports there are some function calls in your Vue SFCs that you don't "need" to import. Why is that And what makes them special Find out in this video #vue #nuxt #pinia --- Links and Resources 🔗 Vue Macros https://vue-macros.dev/ 📺 Auto Imports in Vue and Nuxt https://www.youtube.com/watchv=YHdDraNNGCk 📺 DejaVue #E015 - Ten Years of Vue.js (with Evan You) https://youtu.be/OG8dvyKLjIMt=2915 📺 @DejaVueFm #E041 - The"
YouTube Link 2025-01-03T13:58Z 11.7K followers, [----] engagements
"shared - ANOTHER NEW folder in Nuxt [--] Let's talk about the new folder that is coming up - the shared folder 🔥 #nuxt #vue #webdevelopment --- Links and Resources: 🔗 shared folder issue https://github.com/nuxt/nuxt/issues/28675 🔗 PR for the folder https://github.com/nuxt/nuxt/pull/28682#issuecomment-2355130082 📺 Use Nuxt [--] already https://www.youtube.com/watchv=Fp04Kw4nBE8 📺 Nuxt [--] Directory Structure explained https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Is your function really a composable https://www.youtube.com/watchv=N0QrFKBZuqA 📺 Auto Imports in Nuxt"
YouTube Link 2024-11-01T14:58Z 10.4K followers, [----] engagements
"Components in a DIFFERENT FOLDER Component belong into the components folder right WRONG You can put them somewhere else too if you want - with just a few adjustments in Nuxt.js --- Links and Resources 🔗 Nuxt.js Issue about component grouping https://github.com/nuxt/nuxt/issues/28894 🔗 Josh's blog post https://deltener.com/blog/nuxt-enterprise-patterns-component-management/ --- Chaptermarks 00:00 Intro 01:03 Our Demo App 02:27 Does it work by default 04:36 Simple configuration tweaks 05:57 One more problem 07:12 Wrapping up --- Links marked with * are affiliate links. I get a small"
YouTube Link 2025-05-09T13:58Z 17.7K followers, [----] engagements
"Dates and Times done RIGHT with SSR in Nuxt Nuxt [----] brings a new built-in component called NuxtTime. Let's check out why it is useful and more importantly how it is implemented under the hood. --- Links and Resources 🔗 [----] Release Post https://nuxt.com/blog/v3-17 🔗 Nuxt Time Module (now archived) https://github.com/danielroe/nuxt-time 🔗 Source Code of NuxtTime https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-time.vue 🔗 Intl API https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl --- Chaptermarks 00:00 Intro 00:32 Dates and"
YouTube Link 2025-05-16T12:58Z 17.7K followers, [----] engagements
"Building an Association Manager with Nuxt.js Part [---] (Stream VOD) And we continue building an association manager live on Twitch @ https://www.twitch.tv/TheAlexLichter/. The VOD shows how Nuxt NuxtHub Drizzle Zod and Nuxt UI are used to build a real-life and open-source software project. GET NUXT UI PRO at https://lichter.link/nuxt-ui/ * Links: 🎬 Playlist of the whole video series https://www.youtube.com/playlistlist=PL06MUQt-_wluDj9G9cr3y_V9WgY2TNZNN 🔗 Repo: https://github.com/manniL/association-manager 🔗 Nuxt UI: https://lichter.link/nuxt-ui * 🔗 Nuxt Hub (sign up for beta free tier)"
YouTube Link 2025-01-26T15:05Z 12.1K followers, [----] engagements
"Nuxt has BETTER CHUNKING now In the latest Nuxt release the chunking was improved a lot leading to stable hashes and less changing files per build. Figure out what happened and what the problem was --- Links and Resources * PR --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-09-05T11:22Z 17.7K followers, [----] engagements
"Lazy Hydration is available NOW Hydration is a delicate topic especially hydration errors. But the performance aspect of hydration shouldn't be underestimated either. Luckily we don't need to hydrate everything anymore as Vue introduced lazy hydration. And now it is ergonomically available in Nuxt too. Learn how in this video 👀 --- Links and Resources: 🔗 Vue Lazy Hydration https://blog.vuejs.org/posts/vue-3-5#lazy-hydration 🔗 Nuxt [----] https://nuxt.com/blog/v3-16 --- Chaptermarks:"
YouTube Link 2025-03-14T13:58Z 17.7K followers, [----] engagements
"Organize your Composition API code (2k subscriber special) ✨ The Composition API is amazing - but organizing code is still a challenge sometimes especially for all the people that were (or are) used to the Options API. In this video I point out common mistakes when organizing code and an easy way to avoid spaghetti code in Vue components with a bit more functionality Key points: ✔ Building a Demo Application showing issues when organizing code 🎉 A dead-simple pattern to organize CAPI code in Vue Components 🕶 Examples from Evan himself --- Links: 🔗 Demo App Code"
YouTube Link 2024-01-23T13:58Z 16.7K followers, 36.6K engagements
"ONE CAVEAT less for Lazy Hydration Lazy hydration in Nuxt is great for performance during the first request - but it could only be used by relying on auto imports. As the community is torn on whether they are a curse or a blessing there is a different way now --- Links and Resources * Lazy Hydration in Nuxt https://www.youtube.com/watchv=hibbpTe661U * Auto Imports in Nuxt https://www.youtube.com/watchv=FT2LQJ2NvVI * Server components vs. Lazy Hydration https://www.youtube.com/watchv=Jijoc0RH_tA * Implementation PR https://github.com/nuxt/nuxt/pull/31192 --- Links marked with * are affiliate"
YouTube Link 2025-08-22T12:58Z 17.7K followers, [----] engagements
"Better SPA accessibility in Nuxt with a single built-in component Accessibility aka. a11y is important for every project out there. Thanks to Nuxt you can already make your projects a tad more accessible without doing anything. That doesn't relieve you from providing alt tags or making sure links and buttons have titles or labels but will still help you "do less". More in the video --- Links and Resources 🔗 WebAIM Million Report https://webaim.org/projects/million/ 🔗 Nuxt Route Announcer Docs https://nuxt.com/docs/api/components/nuxt-route-announcer 🔗 Component Source Code"
YouTube Link 2025-06-20T12:58Z 17.7K followers, [----] engagements
"Building an Association Manager with Nuxt.js Part [---] (Stream VOD) Finally I found time to start a project I can stream again We are building an association manager live on Twitch https://www.twitch.tv/TheAlexLichter/. Next stream planned for Monday 29th April 1pm CEST. GET 20% off NUXT UI PRO with the CODE "LICHTER" until the end of June. Redeem at https://lichter.link/nuxt-ui/ Highlights: 🛠 Creating a Nuxt app from scratch 🌟 Trying out Nuxt UI and Nuxt Hub 🤔 Wrangling with Zod Drizzle and more Links: 🔗 Repo: https://github.com/manniL/association-manager 🔗 Nuxt UI:"
YouTube Link 2024-04-26T17:17Z 10.4K followers, [----] engagements
"You are using useFetch WRONG (I hope you don't) 💪🏻 useFetch is a mighty composable to fetch data in your Nuxt.js application. It can do so many things from updating state to refreshing calls easily and even data caching is possible. But often I see that people misuse useFetch because it is so tempting to use all the features even when you shouldn't. In this video I show the most common mistake with useFetch and what to use instead Key points: 🤔 A demo application with a common mistake - can you spot it before ✅ How to fix the bug [--] Approaches to avoid that useFetch mistake Links: 📺 Is"
YouTube Link 2024-01-05T13:58Z 12.5K followers, 40.9K engagements
"The BEST way to PROTECT yourself against Supply Chain Attacks We've seen a huge wave of supply chain attacks in the JS ecosystem (again). This is a real threat to all apps being developed in the JavaScript ecosystem given that high-download dependencies or tools like Nx are targeted. This video shows what happened (a high-level overview) and most importantly what YOU CAN DO to protect you and your project against it. --- Links and Resources * In the Past: CVEs on Vite https://www.youtube.com/watchv=ctsfEc9UYU8 * Nx got compromised"
YouTube Link 2025-09-19T12:58Z 17.7K followers, [----] engagements
"Nuxt [--] - An overview Nuxt [--] is out Another major release after Nuxt [--] was released [--] years and [--] months ago. Let's have a look at all the features and changes --- Links and Resources 📺 TWO Major Nuxt Versions https://www.youtube.com/watchv=TAoTh4DqH6A 📺 New Directory Structure https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Shared Folder https://www.youtube.com/watchv=_m5ct5e8nVo 🔗 Announcement post https://nuxt.com/blog/v4 --- Chaptermarks 00:00 Intro and Prelude 01:10 New features of Nuxt [--] 02:16 The new CLI 04:19 New Directory Structure 07:17 Better tsconfig 08:40 Further changes 09:00"
YouTube Link 2025-07-25T12:58Z 17.7K followers, 16.7K engagements
"Prerendered Nuxt sites with LESS JAVASCRIPT When you pre-render your Nuxt application (aka. using SSG) some parts of your data fetching logic might not be needed. Good that we can remove them with a module and soon with a settings as part of the Nuxt core --- Links and Resources * https://github.com/danielroe/nuxt-rebundle * https://github.com/nuxt/nuxt/pull/33131 --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or"
YouTube Link 2025-09-12T10:30Z 17.7K followers, [----] engagements
"Nuxt vs Nuxi What is the correct Nuxt CLI and why. Nuxt's CLI is important - but why do we have nuxi nuxt create-nuxt-app and create-nuxt --- Links and Resources * https://github.com/nuxt/cli/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-10-10T12:58Z 17.7K followers, [----] engagements
"Avoid a common Vue PERFORMANCE KILLER Registering components globally is a common patter but also often a performance killer. Learn in this video what a better way of adding third party components is and how to spot such chances in existing projects already. PS: You also learn reading a tree chart and analyzing your bundle #vuejs3 #vue #typescript --- Links and Resources 🔗 Join me at Vue.js Amsterdam [---] - 10% OFF with Code LICHTER https://lichter.link/vue-ams-25 * 🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/events/305514997/ 🔗Vite Bundle Visualizer"
YouTube Link 2025-02-14T13:58Z 17.7K followers, [----] engagements
"Using a src folder in Nuxt [--] Setting up a folder that contains all code and no config often referred to as src folder was pretty simple in Nuxt [--]. With Nuxt [--] things changed. This video explains how you can still configure it and which shortcomings exist --- Links and Resources * Nuxt [--] Overview video https://www.youtube.com/watchv=rCT54d8sMWk * Nuxt [--] Layers https://www.youtube.com/watchv=fr5yo3aVkfA * src folder issue https://github.com/nuxt/nuxt/issues/32965 --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my"
YouTube Link 2025-08-15T09:16Z 17.7K followers, [----] engagements
"useAsyncData vs. useFetch 🤯 🪄 Data fetching is essential in every application - also when using Nuxt. Luckily useAsyncData and useFetch are provided by the framework to make data fetching a breeze. But how do they work Which should you use And why are there TWO All that will be answered in this video 🙌🏻 Key points: 🎛 What data composables are 🔄 $fetch as fetching function 🤔 Is useFetch the same as useAsyncData and $fetch 💡 How to rebuild useFetch with useAsyncData --- Links: 🔗 Docs of useAsyncData - https://nuxt.com/docs/api/composables/use-async-data/ 🔗 Docs of useFetch -"
YouTube Link 2024-03-01T13:58Z 12.6K followers, 14K engagements
"Nuxt DevTools can do THAT - Part [--] Let's check what the Nuxt DevTools can do We have an in-depth look in the first half of the features. --- Links and Resources * Elk https://github.com/elk-zone/elk * DevTools repo https://github.com/nuxt/devtools/"
YouTube Link 2025-11-28T14:08Z 17.7K followers, [----] engagements
"Are we implementing Buttons WRONG Recently I was complaining about a certain Nuxt UI implementation when it comes to buttons and luckily realized (thanks to the stream chat) - I was wrong But with such a common practice I wondered. are we all failing at complying with the spec for buttons The answer is YES Learn how in video. Fun fact: The WIP v4 https://www.w3.org/TR/css-ui-4/#valdef-cursor-pointer suggests that pointer may be used for interactive elements. #tailwindcss #webdevelopment #accessibility --- Links and Resources 🔗 Check out Nuxt UI - Get 20% off the pro version with code"
YouTube Link 2025-02-21T07:21Z 17.7K followers, [----] engagements
"Run VS CODE in the Nuxt Devtools - Part [--] Let's check what the Nuxt DevTools can do We have an in-depth look in the first half of the features. --- Links and Resources * PART ONE https://www.youtube.com/watchv=9oPyX2nAwWs * Elk https://github.com/elk-zone/elk * DevTools repo https://github.com/nuxt/devtools/ * Cache storage issue https://github.com/nuxt/devtools/issues/785 * Programmtic storage issue https://github.com/nuxt/devtools/issues/853 * Reactivity Transform Video https://www.youtube.com/watchv=7aLwI0F5xEo * Nuxt Test Utils Primer https://www.youtube.com/watchv=yGzwk9xi9gU"
YouTube Link 2025-12-05T15:58Z 17.7K followers, [----] engagements
"Vue.js Watchers have Callback Flush WHAT Vue's watchers come in handy when you need side effects (otherwise you better use computed properties). But did you know what you can set up when they evaluate It can actually be quite handy. Learn in this video how & when you want to change the flush setting --- Links and Resources 🔗 Docs https://vuejs.org/guide/essentials/watchers.html#callback-flush-timing 🔗 Learn.nuxt.com code https://github.com/nuxt/learn.nuxt.com/blob/842b826837f7dfe150e2bb2a0b60a895668f654d/components/PanelPreview.vue#L24-L31 --- Chaptermarks 00:00 Watchers and when to use"
YouTube Link 2025-04-25T12:58Z 17.7K followers, [----] engagements
"Caching in Nitro 💾 Caching in Nitro is one of its key aspects. In this video we have a look at how to achieve caching in your Nitro-based application. Also works in Nuxt #nitro #nuxt #vue --- Links and Resources: 🔗 10% Off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER 📺 @DejaVueFm #E018 - Insights from the Nuxt Team Retreat --- Chaptermarks: 00:00 Intro 00:11 What is Nitro special about 00:38 Focus on caching 01:00 Our demo app 01:47 Caching with route rules 04:12 Enabling server-side SWR 05:35 Stale max age 06:28 Using defineCachedEventHandler 07:32"
YouTube Link 2024-07-26T12:58Z 17.5K followers, [----] engagements
"How we released Nuxt [--] (featuring @danielroe) #webdevelopment #nuxtjs #nuxt #vuejs #vue Some behind-the-scenes footage of how we released Nuxt 👀"
YouTube Link 2025-07-16T06:33Z 17.7K followers, [----] engagements
"Patching Packages - The ULTIMATE Guide 🩹 Found a bug in a package and want to fix it locally Waiting for a fix that wasn't released yet Don't worry you can apply all these locally to the packages in your node_modules. In this video a guide for all major package managers showcases how you can patch your packages locally why "doing it manually" is not a good idea and which consequences local patches might have. Worth watching for every developer 🙌 --- Key points: [--] Strategies for NPM Yarn (1 and 2+) PNPM and Bun ✨ Real-world use case Consequences when patching locally --- Links: 🔗 Nitro"
YouTube Link 2024-06-28T12:58Z 17.2K followers, [----] engagements
"5 missing Vue.js features Vue.js is an amazing framework to use and pretty mature. Evan recently even said it comes closer and closer to being feature complete. Nevertheless there are quite some PRs open and ideas to explore. I also made up my mind about five features which I'd love to see available in Vue and how they can help - so let's figure out what these are --- Links and Resources: 🔗 Conditional Props https://github.com/vuejs/core/issues/8952 🔗 Event Type Helpers https://github.com/vuejs/core/pull/3370 🔗 Dialog & Details v-model RFC https://github.com/vuejs/rfcs/pull/496 🔗 TS by"
YouTube Link 2024-10-11T12:58Z 17.5K followers, [----] engagements
"Wait - PHP IN JS What is rendu Why does Nitro support PHP syntax in the template And how is this related to SSR --- Links and Resources * Nitro v3 Alpha First Look https://www.youtube.com/watchv=sWGWHyVlIlU * create-vite-extra SSR template https://github.com/bluwy/create-vite-extra/tree/master/template-ssr-vanilla * Rendu https://github.com/h3js/rendu * Vite SSR Docs https://vite.dev/guide/ssr --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include"
YouTube Link 2025-11-03T14:28Z 17.7K followers, [----] engagements
"Nuxt Studio can be selfhosted NOW The Nuxt Studio Alpha is out and we can self-host the CMS now. Let's take a look --- Links and Resources * Collection Relationships https://github.com/nuxt/content/issues/3352 * Schema validation on build https://github.com/nuxt/content/issues/3351 * Alpha announcement https://content.nuxt.com/blog/studio-module-alpha * Demo Site https://nuxt-studio-alpha-demo.netlify.app/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only"
YouTube Link 2025-11-07T12:16Z 17.7K followers, [----] engagements
"THIS [--] year old Vue feature helps with nested components Structuring components especially with naming is not always easy. But the feature shown in this video - namespaced components - will help with this Learn more now 👀 --- Links and Resources * Reka Ui Namespaced https://reka-ui.com/docs/guides/namespaced-components#namespaced-components * Reka UI Normal https://reka-ui.com/docs/components/dialog * Motion Vue https://motion.dev/docs/vue-motion-component * The @DejaVueFm episode with Matt creator of Motion.dev https://www.youtube.com/watchv=d8VfOmgh9IM --- Chaptermarks 00:00 Intro &"
YouTube Link 2025-06-27T12:58Z 17.7K followers, [----] engagements
"Why deduping NPM packages is NECESSARY Package deduplication is an important step. Why Let's check in the video based on the Nuxt upgrade command. --- Links and Resources * Nuxt CLI https://github.com/nuxt/cli/blob/f4749f8daed010153d1a709ac1343d21d5731d22/packages/nuxi/src/commands/upgrade.ts#L186 * nypm https://github.com/unjs/nypm/blob/main/src/api.ts * No bun Dedupe https://github.com/oven-sh/bun/issues/8594 --- Chaptermarks --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the"
YouTube Link 2025-09-26T13:07Z 17.7K followers, [----] engagements
"Webpack and Rspack with Nuxt [--] Nuxt is inherently supporting multiple build-tools - but why --- Links and Resources * Nitro v3 docs https://v3.nitro.build/ * Extracting Nitro PR https://github.com/nuxt/nuxt/pull/33462 * Pooya's ViteConf Nitro Talk (to be released) https://www.youtube.com/watchv=189wogO3aCE * Daniel'S ViteConf Nuxt Talk (to be released) https://www.youtube.com/watchv=uiufuNh6L4E * Builder Docs https://nuxt.com/docs/4.x/api/nuxt-config#builder --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my"
YouTube Link 2025-10-17T13:02Z 17.7K followers, [----] engagements
"What is BFF (With Nuxt Nitro and h3) 🔗 10$ off for Michael's Nuxt Tips Collection with the following link and code DEJAVUE https://michaelnthiessen.com/nuxt-tips-collectionaff=plY9z * 🔗 10% off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER * --- Links and Resources: 🔗 Code TODO 🔗 h3 https://h3.unjs.io/ 🔗 unstorage https://unstorage.unjs.io/ 🔗 Nitro https://nitro.unjs.io/ 📺 @DejaVueFm #E022 - Signals https://www.youtube.com/watchv=uqxgoeTtloA 📺 Caching in Nitro https://youtu.be/KN5e2Hh6uC0 📺 Route Rules in Nuxt https://youtu.be/Fp04Kw4nBE8 📺 Nuxt 4"
YouTube Link 2024-08-23T12:58Z 17.1K followers, 15.5K engagements
"About the recent Vite CVEs 👀 Vite published a series of CVEs (security issues and their patches) recently. In this video we have a look how serious they are what you should do (update) and even try out one of the vulnerabilities with an older version. --- Links and Resources 🔗 First CVE (published January) https://github.com/vitejs/vite/security/advisories/GHSA-vg6x-rcgg-rjx6 🔗 raw CVE https://github.com/vitejs/vite/security/advisories/GHSA-x574-m823-4x7w 🔗 import query CVE https://github.com/vitejs/vite/security/advisories/GHSA-4r4m-qw57-chr8 🔗.svg & relative paths CVE"
YouTube Link 2025-04-11T11:42Z 17.7K followers, [----] engagements
"Migrating LiveVue from Nuxt [--] to Nuxt [--] We migrate LiveVue.dev "blind" from Nuxt [--] to Nuxt [--]. --- Links and Resources * Website https://livevue.dev/ * Code https://github.com/TheAlexLichter/livevue.dev --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-11-14T13:55Z 17.7K followers, [----] engagements
"A new Nuxt CORE MODULE dropped 👀 Last week a new module dropped. We take a look what the alpha release is capable of how it works and what you can expect --- Links and Resources * Repository https://github.com/nuxt/hints"
YouTube Link 2025-11-21T14:27Z 17.7K followers, [----] engagements
"Which plugins SLOW YOUR BUILD You can find out now The newest Rolldown version helps us finding slow plugins: Here is how --- Links and Resources * Elk https://github.com/elk-zone/elk * Nuxt Test Utils PR https://github.com/nuxt/test-utils/pull/1512/changes * e18e umbrella issue https://github.com/e18e/ecosystem-issues/issues/171 * Other PRs pending (I'm on it) * Nuxt Devtools Video https://www.youtube.com/watchv=9oPyX2nAwWs"
YouTube Link 2025-12-12T13:43Z 17.7K followers, [----] engagements
"Nitro v3 ALPHA: The first look --- Links and Resources * Nitro v3 docs https://v3.nitro.build/ * Pooya's ViteConf Nitro Talk https://www.youtube.com/watchv=189wogO3aCE * Srvx https://srvx.h3.dev/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-10-24T12:58Z 17.7K followers, [----] engagements
"Vite Bundle Inspection made EASY Performance is crucial and the cost of JS is high. Check out how you can reduce your bundle size by taking care of your dependencies --- Links and Resources * It-tools repo https://github.com/CorentinTh/it-tools * Vite Bundle Visualizer https://github.com/KusStar/vite-bundle-visualizer * Rollup Plugin Visualizer https://github.com/btd/rollup-plugin-visualizer * Module Replacement https://github.com/es-tooling/module-replacements * NPM Graph https://npmgraph.js.org/ * You don't need lodash https://you-dont-need.github.io/You-Dont-Need-Lodash-Underscore/ * e18e"
YouTube Link 2025-10-03T13:15Z 17.7K followers, [----] engagements
"This will CHANGE in [----] on my channel. Some updates after a short creative break regarding this YouTube channel. Spoiler: I won't go anywhere. More in the video --- Links and Resources * e18e & friends - https://e18e.dev/blog/e18e-and-friends.html * More content on @voidzerodev soon"
YouTube Link 2026-01-30T17:58Z 17.7K followers, [----] engagements
"Route Rules in Nuxt - SSR SSG ISR and more Nuxt supports "Hybrid Rendering" - a technique to mix various rendering modes in a single application. From the dashboard behind a login as SPA without SSR over to caching and even prerendering pages a lot is possible. Like. removing JS alltogether 😲 Watch the video and figure out how to set things up how route rules work and which are available #nuxt #vue --- Links and Resources: 🔗 10% Off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER 🔗 Route Rule Docs"
YouTube Link 2024-07-19T13:58Z 17.7K followers, [----] engagements
"The definitive guide to shallowRef in Vue ✨ ref and reactive are two well known reactivity building blocks in the Vue Composition API. But there are more - for example shallowRef But what is the difference between shallowRef and ref - and when to use it In this video we will cover everything around the shallowRef reactivity building block: 🧠 Explaining how it is different from ref and how it works ✅ Scenarios when to use it 🔍 Show various examples in live projects like VueUse and Nuxt.js Links: 🔗 First playground:"
YouTube Link 2023-11-17T14:58Z 17.7K followers, 10.4K engagements
"Make your Vue & Nuxt apps MORE SECURE Security is critical - but often not thought through by developers when it comes to adding features. Luckily Vue has a lot of safeguards in place - but there are situations where these won't help either. Which ones you wonder Check out the video #vue #nuxt #security #webdev --- Links and Resources: 🔗 State of JS https://survey.devographics.com/en-US/survey/state-of-js/2024source=alexander_lichter_video_vue_security 🔗 DOMPurify https://github.com/cure53/DOMPurify 🔗 https://css-tricks.com/css-keylogger/ 🔗 OWASP Top Ten"
YouTube Link 2024-11-29T13:58Z 17.7K followers, [----] engagements
"The BEST way to proxy your API in Nuxt ➡ Proxying routes to your back-end or third party APIs is a common practice Over the last two years various strategies came up in Nuxt. But not all of them work equally will. To figure out which two strategies are the recommended ones we have a look at the four most common strategies their shortcomings and which ones I would recommend to use Key points: ✅ How a successful proxy strategy looks like 🔢 All common strategies - From Vite's proxy to a Nitro proxy endpoint Which strategies to use and how to implement them Links: 📺 Nuxt vs. Nitro:"
YouTube Link 2023-12-29T15:00Z 17.7K followers, 33.4K engagements
"Is your function REALLY a Vue composable 💚 Vue's Composition API is amazing and my preferred way to write components nowadays. But often I see that developers don't know when functions are Vue composables and when they are plain functions. Do you know In this video we will cover exactly this: 🧠 Explaining what a Vue composable actually is ✅ Going through a checklist to figure out if your functions are composables 🔍 Investigating [--] examples and decide if they are composable or not Links: 🔗 Vue Docs: https://vuejs.org/guide/reusability/composables.html#composables 🔗 Example playground"
YouTube Link 2023-11-03T15:00Z 17.7K followers, 24K engagements
"Vercel BUYING NuxtLabs - What it means for you This week's acquisition of NuxtLabs was a suprise for most of us - but what does it mean for Nuxt as a framework for the community and for YOU Disclaimer: This video shares my own opinion and not the official stance of VoidZero nor the Nuxt core team as a whole. --- Links and Resources 🔗 NuxtLabs announcement 🎙 Full @DejaVueFm episode with Daniel and Sbastien https://www.youtube.com/watchv=xHbjFW9EJ-8 🔗 Nuxt Governance document https://github.com/nuxt/governance 🔗 Nitro Governance document"
YouTube Link 2025-07-13T12:58Z 17.7K followers, 10.3K engagements
"You should use useFetch with a custom $fetch instance useAsyncData + $fetch is a common combo especially when you have a custom instance. But. often you can use useFetch for it 👀 --- Links and Resources * Repository Pattern Video https://www.youtube.com/watchv=jXH8Tr-exhI --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-08-08T12:58Z 17.7K followers, [----] engagements
"EXPOSE parts of your Vue component - How and Why Props down events up The pattern is well-known to all Vue developers. But there is another pattern which can be useful in exceptional situations - exposing parts of your component --- Links and Resources 🔗 Playground"
YouTube Link 2025-05-23T12:55Z 17.7K followers, [----] engagements
"OVERUSING Reactivity in Vue Reactivity in Vue is pretty powerful but often overused. A classic case of - if I am a hammer everything looks like a nail. Let's go through [--] common scenarios and fix them ensuring reactivity is only used where necessary. --- Links and Resources 🔗 Timeout Example"
YouTube Link 2025-05-30T12:58Z 17.7K followers, [----] engagements
"More Features of Vue's VS Code Extension Curious for more features of the Vue (official) VS Code Extension Then this video will show you a lot of them. In [--] minutes you learn about inlay hints drag & drop reactivity visualization and more --- Links and Resources * Download the Vue (official) Extension now https://marketplace.visualstudio.com/itemsitemName=Vue.volar * Sponsor Johnson for his amazing work https://github.com/sponsors/johnsoncodehk --- Chaptermarks 00:00 Intro 00:08 Drag & Drop Components 00:55 No more jumping to the component TS Declarations 01:19 Missing Props hint 02:05 All is"
YouTube Link 2025-07-02T07:50Z 17.7K followers, 42.8K engagements
"5 Vue features you might MISS OUT right now In more than [--] years of Vue.js a lot of features became part of the framework - and of course nobody uses all of them. So why not presenting some of the lesser-known features That's what happens in this video --- Links and Resources: 🔗 Props Destructure https://vuejs.org/guide/components/props.html#reactive-props-destructure 🔗 Prop (Same-Name) Shorthand https://vuejs.org/guide/essentials/template-syntax.html#same-name-shorthand 🔗 v-bind in CSS https://vuejs.org/api/sfc-css-features.html#v-bind-in-css 🔗 useTemplateRef"
YouTube Link 2025-03-07T13:18Z 17.7K followers, 15.5K engagements
"My FAVORITE UI Library for Vue.js Wondering what my favorite UI library in the Vue and Nuxt ecosystem is I'll show you which and why I personally enjoy using that specific library - and why you could do too #vuejs3 #vue #typescript --- Links and Resources 🔗 Join me at Vue.js Amsterdam [---] - 10% OFF wih Code LICHTER https://lichter.link/vue-ams-25 * 🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/events/305514997/ 🔗 Check out Nuxt UI - Get 20% off the pro version with code LICHTER https://www.lichter.link/nuxt-ui * 🔗 TresJS https://tresjs.org/ 🔗 Inspira UI"
YouTube Link 2025-02-07T13:58Z 17.7K followers, 24.7K engagements
"Vue [---] ALPHA is out All you need to know 👀 Vue [---] Alpha DROPPED We take a look what is in it Thanks to Hennge for sponsoring this video 👉 Join Hennge as Junior Vue Dev https://lichter.link/hennge-junior * 👉 Coding Challenge (Front End) with code FE-GIP-ALEXLICHTER https://challenge.hennge.com/entry-code=FE-GIP-ALEXLICHTER * --- Links and Resources 🔗 Release notes https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.1 🔗 Alien Signals https://github.com/stackblitz/alien-signals 🔗 Reactivity Benchmark https://github.com/transitive-bullshit/js-reactivity-benchmark 🔗 JS Framework"
YouTube Link 2025-07-18T12:58Z 17.7K followers, 16.4K engagements
"TYPESAFE and fs-based Routing in plain Vue.js We all want better typesafety. And often also routing based on the file system. While some of you might think that this is only possible in Nuxt this Video will show you how it works in plain Vue Thanks to Hennge for sponsoring this video 👉 Join Hennge https://lichter.link/hennge-intern 👉 Coding Challenge (Front End) with code FE-GIP-ALEXLICHTER https://challenge.hennge.com/entry-code=FE-GIP-ALEXLICHTER --- Links and Resources 🔗 https://github.com/posva/unplugin-vue-router --- Chaptermarks later ;) --- Links marked with * are affiliate links. I"
YouTube Link 2025-06-06T12:32Z 17.7K followers, [----] engagements
"Custom $fetch and Repository Pattern in Nuxt [--] 💻 The repository pattern is a popular way to abstract your API calls away and provide a descriptive way to retrieve or send data. But how would you implement it in Nuxt And should you use composables or $fetch for it This video will give answers to all the questions Key points: 🎛 Implementing the repository pattern in Nuxt 🔛 Creating our own $fetch instance Making sure that it works with composables and standalone 👩💻 Building the demo app step by step --- Links: 📺 Do you use useFetch wrong - https://www.youtube.com/watchv=njsGVmcWviY 🔗"
YouTube Link 2024-02-09T13:58Z 17.7K followers, 25.4K engagements
"Conditional Properties in Vue.js Passing either prop A or prop B but not both is a common use case - but not that easy to achieve in Vue In this video you learn how 🙌 #vuejs3 #vue #typescript --- Links and Resources 🔗 Conditional Properties Issue https://github.com/vuejs/core/issues/8952 https://github.com/vuejs/core/issues/8952 🔗 Vue Playground"
YouTube Link 2025-01-31T13:58Z 17.7K followers, [----] engagements
"Nitro and EJS combined Some of you might be well aware of EJS aka one of the most used templating engines in the NodeJS world especially when using Express back in the days. But did you know that you can also make EJS work with Nitro And even with unstorage 👀 Let's do it #nitro #ejs #javascript #webdevelopment --- Links and Resources: 🔗 10% off for vuejs.de Conf with Code LICHTER https://conf.vuejs.de/tickets/voucher=LICHTER 🔗 Code https://github.com/manniL/alexander-lichter-nitro-ejs 🔗 EJS https://ejs.co/ 🔗 Nitro issue re encoding https://github.com/unjs/nitro/issues/1926 📺 Caching in"
YouTube Link 2024-09-27T12:58Z 17.6K followers, [----] engagements
"Alexander Lichter Live Stream"
YouTube Link 2026-02-09T13:21Z 17.7K followers, [--] engagements
"This will CHANGE in [----] on my channel. Some updates after a short creative break regarding this YouTube channel. Spoiler: I won't go anywhere. More in the video --- Links and Resources * e18e & friends - https://e18e.dev/blog/e18e-and-friends.html * More content on @voidzerodev soon"
YouTube Link 2026-01-30T17:58Z 17.7K followers, [----] engagements
"Which plugins SLOW YOUR BUILD You can find out now The newest Rolldown version helps us finding slow plugins: Here is how --- Links and Resources * Elk https://github.com/elk-zone/elk * Nuxt Test Utils PR https://github.com/nuxt/test-utils/pull/1512/changes * e18e umbrella issue https://github.com/e18e/ecosystem-issues/issues/171 * Other PRs pending (I'm on it) * Nuxt Devtools Video https://www.youtube.com/watchv=9oPyX2nAwWs"
YouTube Link 2025-12-12T13:43Z 17.7K followers, [----] engagements
"Run VS CODE in the Nuxt Devtools - Part [--] Let's check what the Nuxt DevTools can do We have an in-depth look in the first half of the features. --- Links and Resources * PART ONE https://www.youtube.com/watchv=9oPyX2nAwWs * Elk https://github.com/elk-zone/elk * DevTools repo https://github.com/nuxt/devtools/ * Cache storage issue https://github.com/nuxt/devtools/issues/785 * Programmtic storage issue https://github.com/nuxt/devtools/issues/853 * Reactivity Transform Video https://www.youtube.com/watchv=7aLwI0F5xEo * Nuxt Test Utils Primer https://www.youtube.com/watchv=yGzwk9xi9gU"
YouTube Link 2025-12-05T15:58Z 17.7K followers, [----] engagements
"Nuxt DevTools can do THAT - Part [--] Let's check what the Nuxt DevTools can do We have an in-depth look in the first half of the features. --- Links and Resources * Elk https://github.com/elk-zone/elk * DevTools repo https://github.com/nuxt/devtools/"
YouTube Link 2025-11-28T14:08Z 17.7K followers, [----] engagements
"A new Nuxt CORE MODULE dropped 👀 Last week a new module dropped. We take a look what the alpha release is capable of how it works and what you can expect --- Links and Resources * Repository https://github.com/nuxt/hints"
YouTube Link 2025-11-21T14:27Z 17.7K followers, [----] engagements
"Migrating LiveVue from Nuxt [--] to Nuxt [--] We migrate LiveVue.dev "blind" from Nuxt [--] to Nuxt [--]. --- Links and Resources * Website https://livevue.dev/ * Code https://github.com/TheAlexLichter/livevue.dev --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-11-14T13:55Z 17.7K followers, [----] engagements
"Nuxt Studio can be selfhosted NOW The Nuxt Studio Alpha is out and we can self-host the CMS now. Let's take a look --- Links and Resources * Collection Relationships https://github.com/nuxt/content/issues/3352 * Schema validation on build https://github.com/nuxt/content/issues/3351 * Alpha announcement https://content.nuxt.com/blog/studio-module-alpha * Demo Site https://nuxt-studio-alpha-demo.netlify.app/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only"
YouTube Link 2025-11-07T12:16Z 17.7K followers, [----] engagements
"Wait - PHP IN JS What is rendu Why does Nitro support PHP syntax in the template And how is this related to SSR --- Links and Resources * Nitro v3 Alpha First Look https://www.youtube.com/watchv=sWGWHyVlIlU * create-vite-extra SSR template https://github.com/bluwy/create-vite-extra/tree/master/template-ssr-vanilla * Rendu https://github.com/h3js/rendu * Vite SSR Docs https://vite.dev/guide/ssr --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include"
YouTube Link 2025-11-03T14:28Z 17.7K followers, [----] engagements
"Nitro v3 ALPHA: The first look --- Links and Resources * Nitro v3 docs https://v3.nitro.build/ * Pooya's ViteConf Nitro Talk https://www.youtube.com/watchv=189wogO3aCE * Srvx https://srvx.h3.dev/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-10-24T12:58Z 17.7K followers, [----] engagements
"Webpack and Rspack with Nuxt [--] Nuxt is inherently supporting multiple build-tools - but why --- Links and Resources * Nitro v3 docs https://v3.nitro.build/ * Extracting Nitro PR https://github.com/nuxt/nuxt/pull/33462 * Pooya's ViteConf Nitro Talk (to be released) https://www.youtube.com/watchv=189wogO3aCE * Daniel'S ViteConf Nuxt Talk (to be released) https://www.youtube.com/watchv=uiufuNh6L4E * Builder Docs https://nuxt.com/docs/4.x/api/nuxt-config#builder --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my"
YouTube Link 2025-10-17T13:02Z 17.7K followers, [----] engagements
"Nuxt vs Nuxi What is the correct Nuxt CLI and why. Nuxt's CLI is important - but why do we have nuxi nuxt create-nuxt-app and create-nuxt --- Links and Resources * https://github.com/nuxt/cli/ --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-10-10T12:58Z 17.7K followers, [----] engagements
"Vite Bundle Inspection made EASY Performance is crucial and the cost of JS is high. Check out how you can reduce your bundle size by taking care of your dependencies --- Links and Resources * It-tools repo https://github.com/CorentinTh/it-tools * Vite Bundle Visualizer https://github.com/KusStar/vite-bundle-visualizer * Rollup Plugin Visualizer https://github.com/btd/rollup-plugin-visualizer * Module Replacement https://github.com/es-tooling/module-replacements * NPM Graph https://npmgraph.js.org/ * You don't need lodash https://you-dont-need.github.io/You-Dont-Need-Lodash-Underscore/ * e18e"
YouTube Link 2025-10-03T13:15Z 17.7K followers, [----] engagements
"Why deduping NPM packages is NECESSARY Package deduplication is an important step. Why Let's check in the video based on the Nuxt upgrade command. --- Links and Resources * Nuxt CLI https://github.com/nuxt/cli/blob/f4749f8daed010153d1a709ac1343d21d5731d22/packages/nuxi/src/commands/upgrade.ts#L186 * nypm https://github.com/unjs/nypm/blob/main/src/api.ts * No bun Dedupe https://github.com/oven-sh/bun/issues/8594 --- Chaptermarks --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the"
YouTube Link 2025-09-26T13:07Z 17.7K followers, [----] engagements
"The BEST way to PROTECT yourself against Supply Chain Attacks We've seen a huge wave of supply chain attacks in the JS ecosystem (again). This is a real threat to all apps being developed in the JavaScript ecosystem given that high-download dependencies or tools like Nx are targeted. This video shows what happened (a high-level overview) and most importantly what YOU CAN DO to protect you and your project against it. --- Links and Resources * In the Past: CVEs on Vite https://www.youtube.com/watchv=ctsfEc9UYU8 * Nx got compromised"
YouTube Link 2025-09-19T12:58Z 17.7K followers, [----] engagements
"Prerendered Nuxt sites with LESS JAVASCRIPT When you pre-render your Nuxt application (aka. using SSG) some parts of your data fetching logic might not be needed. Good that we can remove them with a module and soon with a settings as part of the Nuxt core --- Links and Resources * https://github.com/danielroe/nuxt-rebundle * https://github.com/nuxt/nuxt/pull/33131 --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or"
YouTube Link 2025-09-12T10:30Z 17.7K followers, [----] engagements
"Nuxt has BETTER CHUNKING now In the latest Nuxt release the chunking was improved a lot leading to stable hashes and less changing files per build. Figure out what happened and what the problem was --- Links and Resources * PR --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-09-05T11:22Z 17.7K followers, [----] engagements
"FASTER Nuxt Production builds with [--] lines of changes Everybody wants faster builds - and you can have them by switching the underlying Vite version to Rolldown-Vite Never heard of it Then time to watch the video. --- Links and Resources * Rolldown https://rolldown.rs/ * Rolldown-Vite migration guide https://vite.dev/rolldown * Rolldown-Vite Perf Wins https://github.com/vitejs/rolldown-vite-perf-wins * CodSpeed benchmark https://codspeed.io/nuxt/nuxt/branches/feat%2Ftest-rolldown-vite * Nuxt.com CI before https://github.com/nuxt/nuxt.com/actions/runs/16427059534/job/46419889875#step:7:224 *"
YouTube Link 2025-08-29T12:12Z 17.7K followers, [----] engagements
"ONE CAVEAT less for Lazy Hydration Lazy hydration in Nuxt is great for performance during the first request - but it could only be used by relying on auto imports. As the community is torn on whether they are a curse or a blessing there is a different way now --- Links and Resources * Lazy Hydration in Nuxt https://www.youtube.com/watchv=hibbpTe661U * Auto Imports in Nuxt https://www.youtube.com/watchv=FT2LQJ2NvVI * Server components vs. Lazy Hydration https://www.youtube.com/watchv=Jijoc0RH_tA * Implementation PR https://github.com/nuxt/nuxt/pull/31192 --- Links marked with * are affiliate"
YouTube Link 2025-08-22T12:58Z 17.7K followers, [----] engagements
"Using a src folder in Nuxt [--] Setting up a folder that contains all code and no config often referred to as src folder was pretty simple in Nuxt [--]. With Nuxt [--] things changed. This video explains how you can still configure it and which shortcomings exist --- Links and Resources * Nuxt [--] Overview video https://www.youtube.com/watchv=rCT54d8sMWk * Nuxt [--] Layers https://www.youtube.com/watchv=fr5yo3aVkfA * src folder issue https://github.com/nuxt/nuxt/issues/32965 --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my"
YouTube Link 2025-08-15T09:16Z 17.7K followers, [----] engagements
"You should use useFetch with a custom $fetch instance useAsyncData + $fetch is a common combo especially when you have a custom instance. But. often you can use useFetch for it 👀 --- Links and Resources * Repository Pattern Video https://www.youtube.com/watchv=jXH8Tr-exhI --- Links marked with * are affiliate links. I get a small commission when you register for the service or buy the product through my link. This helps me keeping the channel running. I only include affiliate links for services or product mentioned that we use ourselves or have good experience with"
YouTube Link 2025-08-08T12:58Z 17.7K followers, [----] engagements
"There is a BUILT-IN check for a new version of your Nuxt app After deploying your app you often want to notify users that there is a new version available. Doing that in Nuxt is actually easier than you'd expect Let's take a look at how that works how it is related to the app manifest and eventually implementing it --- Links and Resources * Documentation for the experimental option https://nuxt.com/docs/4.x/api/nuxt-config#checkoutdatedbuildinterval * Nuxt implementation to check https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/plugins/check-outdated-build.client.ts * Inline"
YouTube Link 2025-08-01T12:58Z 17.7K followers, [----] engagements
"Nuxt [--] - An overview Nuxt [--] is out Another major release after Nuxt [--] was released [--] years and [--] months ago. Let's have a look at all the features and changes --- Links and Resources 📺 TWO Major Nuxt Versions https://www.youtube.com/watchv=TAoTh4DqH6A 📺 New Directory Structure https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Shared Folder https://www.youtube.com/watchv=_m5ct5e8nVo 🔗 Announcement post https://nuxt.com/blog/v4 --- Chaptermarks 00:00 Intro and Prelude 01:10 New features of Nuxt [--] 02:16 The new CLI 04:19 New Directory Structure 07:17 Better tsconfig 08:40 Further changes 09:00"
YouTube Link 2025-07-25T12:58Z 17.7K followers, 16.7K engagements
"Vue [---] ALPHA is out All you need to know 👀 Vue [---] Alpha DROPPED We take a look what is in it Thanks to Hennge for sponsoring this video 👉 Join Hennge as Junior Vue Dev https://lichter.link/hennge-junior * 👉 Coding Challenge (Front End) with code FE-GIP-ALEXLICHTER https://challenge.hennge.com/entry-code=FE-GIP-ALEXLICHTER * --- Links and Resources 🔗 Release notes https://github.com/vuejs/core/releases/tag/v3.6.0-alpha.1 🔗 Alien Signals https://github.com/stackblitz/alien-signals 🔗 Reactivity Benchmark https://github.com/transitive-bullshit/js-reactivity-benchmark 🔗 JS Framework"
YouTube Link 2025-07-18T12:58Z 17.7K followers, 16.4K engagements
"How we released Nuxt [--] (featuring @danielroe) #webdevelopment #nuxtjs #nuxt #vuejs #vue Some behind-the-scenes footage of how we released Nuxt 👀"
YouTube Link 2025-07-16T06:33Z 17.7K followers, [----] engagements
"Vercel BUYING NuxtLabs - What it means for you This week's acquisition of NuxtLabs was a suprise for most of us - but what does it mean for Nuxt as a framework for the community and for YOU Disclaimer: This video shares my own opinion and not the official stance of VoidZero nor the Nuxt core team as a whole. --- Links and Resources 🔗 NuxtLabs announcement 🎙 Full @DejaVueFm episode with Daniel and Sbastien https://www.youtube.com/watchv=xHbjFW9EJ-8 🔗 Nuxt Governance document https://github.com/nuxt/governance 🔗 Nitro Governance document"
YouTube Link 2025-07-13T12:58Z 17.7K followers, 10.3K engagements
"More Features of Vue's VS Code Extension Curious for more features of the Vue (official) VS Code Extension Then this video will show you a lot of them. In [--] minutes you learn about inlay hints drag & drop reactivity visualization and more --- Links and Resources * Download the Vue (official) Extension now https://marketplace.visualstudio.com/itemsitemName=Vue.volar * Sponsor Johnson for his amazing work https://github.com/sponsors/johnsoncodehk --- Chaptermarks 00:00 Intro 00:08 Drag & Drop Components 00:55 No more jumping to the component TS Declarations 01:19 Missing Props hint 02:05 All is"
YouTube Link 2025-07-02T07:50Z 17.7K followers, 42.8K engagements
"THIS [--] year old Vue feature helps with nested components Structuring components especially with naming is not always easy. But the feature shown in this video - namespaced components - will help with this Learn more now 👀 --- Links and Resources * Reka Ui Namespaced https://reka-ui.com/docs/guides/namespaced-components#namespaced-components * Reka UI Normal https://reka-ui.com/docs/components/dialog * Motion Vue https://motion.dev/docs/vue-motion-component * The @DejaVueFm episode with Matt creator of Motion.dev https://www.youtube.com/watchv=d8VfOmgh9IM --- Chaptermarks 00:00 Intro &"
YouTube Link 2025-06-27T12:58Z 17.7K followers, [----] engagements
"Better SPA accessibility in Nuxt with a single built-in component Accessibility aka. a11y is important for every project out there. Thanks to Nuxt you can already make your projects a tad more accessible without doing anything. That doesn't relieve you from providing alt tags or making sure links and buttons have titles or labels but will still help you "do less". More in the video --- Links and Resources 🔗 WebAIM Million Report https://webaim.org/projects/million/ 🔗 Nuxt Route Announcer Docs https://nuxt.com/docs/api/components/nuxt-route-announcer 🔗 Component Source Code"
YouTube Link 2025-06-20T12:58Z 17.7K followers, [----] engagements
"TWO Major Nuxt versions coming All you need to know about Nuxt [--] and Nuxt [--] --- Links and Resources 🔗 Nuxt Blog post https://nuxt.com/blog/roadmap-v4 🔗 Nuxt Migration Guide https://nuxt.com/docs/getting-started/upgrade#testing-nuxt-4 🔗 Nuxt Alpha [--] https://github.com/nuxt/nuxt/releases/tag/v4.0.0-alpha.2 🔗 Daniel's PR to migrate elk https://github.com/elk-zone/elk/pull/3298 🔗 h3 beta https://github.com/h3js/h3/releases/tag/v2.0.0-beta.0 📺 Nuxt [--] folder structure https://www.youtube.com/watchv=KnCNOp5Pbfs 📺 Nuxt [--] Shared Folder https://www.youtube.com/watchv=_m5ct5e8nVo --- Chaptermarks"
YouTube Link 2025-06-13T12:58Z 17.7K followers, [----] engagements
"TYPESAFE and fs-based Routing in plain Vue.js We all want better typesafety. And often also routing based on the file system. While some of you might think that this is only possible in Nuxt this Video will show you how it works in plain Vue Thanks to Hennge for sponsoring this video 👉 Join Hennge https://lichter.link/hennge-intern 👉 Coding Challenge (Front End) with code FE-GIP-ALEXLICHTER https://challenge.hennge.com/entry-code=FE-GIP-ALEXLICHTER --- Links and Resources 🔗 https://github.com/posva/unplugin-vue-router --- Chaptermarks later ;) --- Links marked with * are affiliate links. I"
YouTube Link 2025-06-06T12:32Z 17.7K followers, [----] engagements
"OVERUSING Reactivity in Vue Reactivity in Vue is pretty powerful but often overused. A classic case of - if I am a hammer everything looks like a nail. Let's go through [--] common scenarios and fix them ensuring reactivity is only used where necessary. --- Links and Resources 🔗 Timeout Example"
YouTube Link 2025-05-30T12:58Z 17.7K followers, [----] engagements
"EXPOSE parts of your Vue component - How and Why Props down events up The pattern is well-known to all Vue developers. But there is another pattern which can be useful in exceptional situations - exposing parts of your component --- Links and Resources 🔗 Playground"
YouTube Link 2025-05-23T12:55Z 17.7K followers, [----] engagements
"Dates and Times done RIGHT with SSR in Nuxt Nuxt [----] brings a new built-in component called NuxtTime. Let's check out why it is useful and more importantly how it is implemented under the hood. --- Links and Resources 🔗 [----] Release Post https://nuxt.com/blog/v3-17 🔗 Nuxt Time Module (now archived) https://github.com/danielroe/nuxt-time 🔗 Source Code of NuxtTime https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-time.vue 🔗 Intl API https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl --- Chaptermarks 00:00 Intro 00:32 Dates and"
YouTube Link 2025-05-16T12:58Z 17.7K followers, [----] engagements
"Components in a DIFFERENT FOLDER Component belong into the components folder right WRONG You can put them somewhere else too if you want - with just a few adjustments in Nuxt.js --- Links and Resources 🔗 Nuxt.js Issue about component grouping https://github.com/nuxt/nuxt/issues/28894 🔗 Josh's blog post https://deltener.com/blog/nuxt-enterprise-patterns-component-management/ --- Chaptermarks 00:00 Intro 01:03 Our Demo App 02:27 Does it work by default 04:36 Simple configuration tweaks 05:57 One more problem 07:12 Wrapping up --- Links marked with * are affiliate links. I get a small"
YouTube Link 2025-05-09T13:58Z 17.7K followers, [----] engagements
"Fetch ONCE and share data between Nuxt and Nitro When building your whole application with Nuxt and using Nitro's backend capabilities (or as BFF with an external API) sometimes you want to share data between both parts - ideally without fetching them again. Impossible Not at all This video shows how. --- Links and Resources 🔗 Nitro docs https://nitro.build/ --- Chaptermarks 00:00 Intro 00:14 Sharing data can be necessary 01:09 Demo App Setup 01:33 Setting up what we want to share 04:34 Attaching the info to the event context 05:21 Augmenting the Event Context for TypeScript 07:55 Sharing"
YouTube Link 2025-05-02T13:11Z 17.7K followers, [----] engagements
"Vue.js Watchers have Callback Flush WHAT Vue's watchers come in handy when you need side effects (otherwise you better use computed properties). But did you know what you can set up when they evaluate It can actually be quite handy. Learn in this video how & when you want to change the flush setting --- Links and Resources 🔗 Docs https://vuejs.org/guide/essentials/watchers.html#callback-flush-timing 🔗 Learn.nuxt.com code https://github.com/nuxt/learn.nuxt.com/blob/842b826837f7dfe150e2bb2a0b60a895668f654d/components/PanelPreview.vue#L24-L31 --- Chaptermarks 00:00 Watchers and when to use"
YouTube Link 2025-04-25T12:58Z 17.7K followers, [----] engagements
"You should try these VueUse composables 👀🥚 Time to take a look at [--] (or more 👀) VueUse composables that you might've not heard about before but definitely could use in your Vue or Nuxt application. --- Links and Resources 🔗 https://vueuse.org/shared/syncRef/ 🔗 https://vueuse.org/core/useRefHistory/ 🔗 https://vueuse.org/shared/whenever/ 🔗 https://vueuse.org/shared/until/ 🔗 https://vueuse.org/core/useScrollLock/ 🔗 https://vueuse.org/core/onStartTyping/ 🔗 https://vueuse.org/core/onClickOutside/ 🔗 https://vueuse.org/core/useNow/ 🔗 https://vueuse.org/core/useTimeAgo/ 🔗"
YouTube Link 2025-04-18T12:58Z 17.7K followers, 12.6K engagements
"About the recent Vite CVEs 👀 Vite published a series of CVEs (security issues and their patches) recently. In this video we have a look how serious they are what you should do (update) and even try out one of the vulnerabilities with an older version. --- Links and Resources 🔗 First CVE (published January) https://github.com/vitejs/vite/security/advisories/GHSA-vg6x-rcgg-rjx6 🔗 raw CVE https://github.com/vitejs/vite/security/advisories/GHSA-x574-m823-4x7w 🔗 import query CVE https://github.com/vitejs/vite/security/advisories/GHSA-4r4m-qw57-chr8 🔗.svg & relative paths CVE"
YouTube Link 2025-04-11T11:42Z 17.7K followers, [----] engagements
"Nuxt Server Components vs. Lazy Hydration We all want less JavaScript and better performance. Both Nuxt Server Components and Lazy Hydration can help with that in different ways. In this video you learn how both work and what the differences are plus when to use either --- Links and Resources 🔗 Nuxt Islands component https://github.com/nuxt/nuxt/blob/main/packages/nuxt/src/app/components/nuxt-island.ts 🔗 Island Architecture https://www.patterns.dev/vanilla/islands-architecture 📺 Lazy Hydration in Nuxt https://www.youtube.com/watchv=hibbpTe661U 📺 Event Fetch"
YouTube Link 2025-04-04T12:58Z 17.7K followers, [----] engagements
"Combine POWERFUL native CSS features with Tailwind CSS Tailwind CSS is widely used no matter if you have a love- or hate-relationship with the powerful utility-first CSS Framework. But oftentimes you can combine it with existing parts of the spec such as the use of CSS Variables to make things flexible but not give too much freedom or with data attributes to make state management easier #tailwindcss #css #webdevelopment --- Links and Resources 🔗 Tweet that inspired the video https://x.com/malfaitrobin/status/1887057743279784445 📺 Why your buttons are all wrong"
YouTube Link 2025-03-28T12:53Z 17.7K followers, [----] engagements
"Package Overrides 101: Learn how & why We've talked about patching packages before - but overriding is sometimes necessary too especially when the package is not a direct dependency. Learn how in this video - and get a little treat as well 👀 --- Links and Resources: 🔗 Example issue for overriding https://github.com/nuxt/ui/issues/2971 🔗 Rolldown + Vite 👀 https://github.com/vitejs/rolldown-vite 🔗 https://pkg.pr.new/ 📺 Patching Packages https://www.youtube.com/watchv=NgDXxci6CYU --- Chaptermarks: 00:00 Intro 00:13 New Job who dis 00:38 Why overriding packages 02:24 How to apply overrides"
YouTube Link 2025-03-21T13:58Z 17.7K followers, [----] engagements
"Something changes - but a lot stays the same #job #vue More details @ https://bsky.app/profile/did:plc:lgmfg3uvicfeuq56ohxqvfal/post/3lkqmivxln226"
YouTube Link 2025-03-19T17:39Z 17.7K followers, [----] engagements
"Lazy Hydration is available NOW Hydration is a delicate topic especially hydration errors. But the performance aspect of hydration shouldn't be underestimated either. Luckily we don't need to hydrate everything anymore as Vue introduced lazy hydration. And now it is ergonomically available in Nuxt too. Learn how in this video 👀 --- Links and Resources: 🔗 Vue Lazy Hydration https://blog.vuejs.org/posts/vue-3-5#lazy-hydration 🔗 Nuxt [----] https://nuxt.com/blog/v3-16 --- Chaptermarks:"
YouTube Link 2025-03-14T13:58Z 17.7K followers, [----] engagements
"5 Vue features you might MISS OUT right now In more than [--] years of Vue.js a lot of features became part of the framework - and of course nobody uses all of them. So why not presenting some of the lesser-known features That's what happens in this video --- Links and Resources: 🔗 Props Destructure https://vuejs.org/guide/components/props.html#reactive-props-destructure 🔗 Prop (Same-Name) Shorthand https://vuejs.org/guide/essentials/template-syntax.html#same-name-shorthand 🔗 v-bind in CSS https://vuejs.org/api/sfc-css-features.html#v-bind-in-css 🔗 useTemplateRef"
YouTube Link 2025-03-07T13:18Z 17.7K followers, 15.5K engagements
"3 (and a half) Pinia problems you should AVOID Pinia is integral for a lot of applications. But make sure that you don't make the mistakes shown in the video or if you do how to fix them. --- Links and Resources 🔗 Pinia Docs https://pinia.vuejs.org/ 📺 You are using useFetch wrong https://www.youtube.com/watchv=njsGVmcWviY 📺 Composition API code organization https://www.youtube.com/watchv=iKaDFAxzJyw 📺 @DejaVueFm #E049 - The Fusion of Laravel and Vue (with Aaron Francis) https://share.transistor.fm/s/721e8887 --- Chaptermarks 00:00 Intro 00:45 Demo Application 00:58 Write Setup Stores"
YouTube Link 2025-02-28T14:00Z 17.7K followers, 12.9K engagements
"Are we implementing Buttons WRONG Recently I was complaining about a certain Nuxt UI implementation when it comes to buttons and luckily realized (thanks to the stream chat) - I was wrong But with such a common practice I wondered. are we all failing at complying with the spec for buttons The answer is YES Learn how in video. Fun fact: The WIP v4 https://www.w3.org/TR/css-ui-4/#valdef-cursor-pointer suggests that pointer may be used for interactive elements. #tailwindcss #webdevelopment #accessibility --- Links and Resources 🔗 Check out Nuxt UI - Get 20% off the pro version with code"
YouTube Link 2025-02-21T07:21Z 17.7K followers, [----] engagements
"Avoid a common Vue PERFORMANCE KILLER Registering components globally is a common patter but also often a performance killer. Learn in this video what a better way of adding third party components is and how to spot such chances in existing projects already. PS: You also learn reading a tree chart and analyzing your bundle #vuejs3 #vue #typescript --- Links and Resources 🔗 Join me at Vue.js Amsterdam [---] - 10% OFF with Code LICHTER https://lichter.link/vue-ams-25 * 🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/events/305514997/ 🔗Vite Bundle Visualizer"
YouTube Link 2025-02-14T13:58Z 17.7K followers, [----] engagements
"My FAVORITE UI Library for Vue.js Wondering what my favorite UI library in the Vue and Nuxt ecosystem is I'll show you which and why I personally enjoy using that specific library - and why you could do too #vuejs3 #vue #typescript --- Links and Resources 🔗 Join me at Vue.js Amsterdam [---] - 10% OFF wih Code LICHTER https://lichter.link/vue-ams-25 * 🔗 Meetup BEFORE Vue.js Amsterdam https://www.meetup.com/funda-meetup/events/305514997/ 🔗 Check out Nuxt UI - Get 20% off the pro version with code LICHTER https://www.lichter.link/nuxt-ui * 🔗 TresJS https://tresjs.org/ 🔗 Inspira UI"
YouTube Link 2025-02-07T13:58Z 17.7K followers, 24.7K engagements
"Conditional Properties in Vue.js Passing either prop A or prop B but not both is a common use case - but not that easy to achieve in Vue In this video you learn how 🙌 #vuejs3 #vue #typescript --- Links and Resources 🔗 Conditional Properties Issue https://github.com/vuejs/core/issues/8952 https://github.com/vuejs/core/issues/8952 🔗 Vue Playground"
YouTube Link 2025-01-31T13:58Z 17.7K followers, [----] engagements
Limited data mode. Full metrics available with subscription: lunarcrush.com/pricing