🦋 Alexander Lichter
@TheAlexLichter
Followers
5K
Following
15K
Media
489
Statuses
5K
Web Engineering Consultant • Founder • @nuxt_js Team • Speaker • @dejavuefm Podcast Host
Amsterdam, The Netherlands
Joined February 2016
This week we look into Conditional Properties in @vuejs and how to achieve them even though there is no "first class support" for it yet!. Let's get rid of invalid state and only allow a certain prop combination 🙌. LIVE NOW 👇
1
4
49
Performance in @nuxt_js is amazing by default! But when building your app, you still have to keep quite some things in mind 👀. In the first video of the "Nuxt Performance In Depth" series, we explore the Nuxt payload and figure how to make it smaller! 💚.
6
24
254
Seems like there is something cooking here! 🥘 . Lots of fun spending quite some hours with @danielcroe @antfu7 and @_pi0_ while working on… You know 😜
24
9
238
It is happening! After teasing it at @vuejsamsterdam and working on it behind the scenes for a while, @dejavuefm - the @vuejs podcast with @MichaelThiessen and me is launching 🎉. Check out the trailer on YT and all other podcast platforms. Link below!
21
34
164
Time to talk about @nuxt_js 4's new directory structure in this weeks video - which you can use today already!. 🤔 Why is it there?.✨ Which benefits does it bring?.👀 How to migrate?.🤯 Will it be easy?. Figure all that out in <15 min (or even less) - Link below!
4
15
144
⬛ During my visit at @vuefes, @youyuxi and I met up for an interview about his new company @voidzerodev. At 3pm CEST, the over 1 hour interview will be released - covering everything from the idea, monetization, community questions & more. Don't miss out on it! Link below 👇🏻
3
7
136
Did you know that @nuxt_js allows you to auto import files from arbitrary folders? You just need a few lines of configuration for it 🙌🏻. Be aware this does *not* override already auto-imported folders like `composables` or `utils`. Playground:
6
18
128
In a few days, I have the honor to interview @youyuxi in person - and we talk all about @voidzerodev. If you have question that should be asked, drop it below. Seeing a question you like? Then upvote by liking the tweet 🔥. ♻️ RT for Reach please ♻️
14
26
120
💚 The @vuejs Reactivity package will be faster. again!?!.Thanks to the one and only @johnsoncodehk . Wonder how and why it can also effect (no pun intended) other frameworks? Get an overview in this weeks video which will go live in ~20 minutes 🙌.
5
11
117
It is Friday and you know what that means! In this week's video we talk about yet another new @nuxt_js 4 folder - `shared`. Never heard of it? Because it is *bleeding edge*! But it'll resolve a common pain - sharing utilities. Link below, video live NOW
2
7
111
💚 Nitro and @nuxt_js are a dream team. But in the last months, more and more people were asking if they can user other backend frameworks with Nuxt. While it is easily possible as a separate instance, I wondered - can we have them *inside Nitro*?. Find out in today's video 👀👇🏻
6
9
107
New friday new video! On the list today: The useState() composable in @nuxt_js. Find out when you should use it, how it works *and* if it is a suitable alternative to Pinia 🍍. Also, the winner of the @vuejsamsterdam raffle will be announced in there 👀. Link in the next tweet!
4
7
110
You will never guess what is happening here 😛.
8
2
103
This week's video is all about 🍪 and calling APIs in @nuxt_js. Learn more about the not-so-well-known methods useRequestFetch and event.$fetch and understand when to use which. Diving into the source too!. Also helpful for all @nitrojsdev and H3 @unjsio users ;). Link below! 💚
5
13
102
Since late 2017, I always tried to contribute to Nuxt in the best way I could - no matter if as contributor, insider, maintainer or core team member. Very happy to be officially part of the @nuxt_js team and work together with brilliant minds on the future of the framework 🔥.
12
1
99
This week's video covering an implementation of the Repository pattern in @nuxt_js. But even if you don't use the pattern, it will be worth the time as we will use a custom $fetch instance to reach our goal! 👀. Tune in for some data fetching magic ✨. PREMIERING NOW (link below)
3
10
101
💻Almost weekend - but before, another video is up! .This week we will take a look at reactivity in @vuejs and see how to maintain reactivity when passing values to composables or as props. If you ever had troubles with reactivity, this is worth checking out 👌. Link in next post
5
10
97
✨ Ever head of the term "BFF" in web development and wondered? Fear no more - in this weeks video we will have a look at the Backend For Frontend pattern, discover when to use it and why it can be useful. And of course, we implement it with @nuxt_js, Nitro and h3. Link below!
3
13
95
🚨 And it is up! 🚨 . Let's go deep into @voidzerodev with @youyuxi!
⬛ During my visit at @vuefes, @youyuxi and I met up for an interview about his new company @voidzerodev. At 3pm CEST, the over 1 hour interview will be released - covering everything from the idea, monetization, community questions & more. Don't miss out on it! Link below 👇🏻
1
12
93
✨Time to talk about the newest official @nuxt_js module - Nuxt Scripts!. And not only covering why it is useful and what it does, but using the underlying `useScript` composable to load a *custom script* right into a demo application. Don't miss it out! 💚. Link below 👇
2
9
95
💻Yet another Friday! Almost time for the weekend. But before, we have a look at one @nuxt_js 3.10 feature, which helps improving #performance Build performance to be precise!. The experimental sharedPrerenderData option can cut down your prerender time too 💚. Link below 👌
2
14
94
Today is one of these days. 🔴 Reached 8000 subscribes on @YouTube.🟣 Finally reached the goals for becoming a @Twitch Affiliate.🟢 @vuejs/@nuxt_js videos and @dejavuefm podcast episodes ready for the next 4 weeks.🌞 Time for vacation!. Thanks everyone for your support 🙏🏻
13
1
89
I finally did it! My #blog (built with @tailwindcss, @nuxt_js and @laravelphp) is now online. Expect #javascript, #vuejs, #nuxtjs, #php, #laravel content!.
8
15
90
🚨 Ever initialized a @nuxt_js project and wondered about some deprecation warnings of deep dependencies?. In this weeks video, we look into them together and find out what they mean + if you have to worry! . PS: This even applies to any kind of project!. Link below as usual 👇
3
3
92
Increase your #Laravel performance by some easy tweaks. In this example just two lines of code changed and performance increased by ~500% 👏🏻
2
26
84
Testing is important to ensure a reliable application - but nevertheless I've seen quite @nuxt_js projects without tests. But you can change that now! 💥. This weeks video covers the Nuxt Test Utils which help you getting started with E2E and Unit test your Nuxt app!. Link below
7
12
85
Some time as passed since the last 🔥 @nuxt_js tip. It's time for another one!. Did you know that you can use ESM Syntax in your nuxt.config.js (import/export default) out of the box? 🤔. Same goes for serverMiddleware, plugins, modules and so on 🙌🏼. PS: It's recommended to do so
5
10
81
Let's casually start into 2025 and @vuejs by taking a look at functions with the `define` prefix in Vue and their specialties:. 👀 Do not need to be imported at all .🤓 Only usable in <script setup>.🤔 What do they do under the hood?.💚 Their benefits. Let's go 🔥
5
10
86
👀 Long time awaited, finally it arrived! A video around Route Rules and hybrid rendering in @nuxt_js . We check various rules, try them out and see what they do, from removing all #javascript over to sophisticated caching!. Tune in now (link below)!
6
8
82
It is one thing to improve the HMR performance + DX of @nuxt_js in a PR - but it is another thing to submit PRs to all public repos so these projects benefit from it *straight away*. Thanks @danielcroe 🔥. Related PR:
4
4
76
🔥 It's time for another Nuxt tip!. Some modules (like nuxt-purgecss or nuxt-bundle-buddy) should only be used in prod *or* dev, not both. Though most of the modules have a way to toggle themselves, you still have to include them in your direct dependencies. Not anymore! 🎉
1
19
76
Nuxt developers know that @nuxt_js and Nitro go hand in hand. But I noticed the separation between both blurs & questions arise:. How to use composables in /server?.What app parts "are Nitro" and which are Nuxt?. Find out the answers in this weeks video.
3
14
77
Today's 🔥 @nuxt_js tip shows you how to integrate a simple logger for the server-side of your app!. With a few lines you can log all requests that actually hit the server of your app and trace 404s or 500s. As usual, with a @codesandboxapp to play around:
3
16
78
Another Friday, another video! This week it is all about redirects in @nuxt_js. Together we check out how to redirect simple pages, wildcards and even more complex logic in your Nuxt application, without the use of any external modules!. Premiering in ~20min from now 👇🏻
1
9
78
The next @nuxtjs release will include a small but meaningful DX feature 😏. No more (s[ac]|(p(ost)?)?c|le)ss|styl(us)? extensions are needed for global CSS setup 👏🏼. PS: Yes, this regex matches all the extensions 😜
3
28
76
New year, new. video! To start with some new years resolutions, I hope you put "fixing useFetch" on the list after the clip 👀. Check out why you use @nuxt_js's useFetch composable the wrong way (I honestly hope you don't misuse it 😛). PREMIERING NOW.
6
11
75
If your #VueJS project uses ES6, you can shorten your prop bindings when they are equally named!
1
31
71
After quite a while, the `nuxt-purgecss` module supports @nuxt_js 3 now 🙌. Feel free to give it a spin and report any issues. And to all the Nuxt 2 users of the module: Do you want to see an updated version for Nuxt 2 as well? ☺️.
1
6
74
Did you ever want to define your @nuxt_js config based on your node environment? For eexample to change the base URL in your test setup, or enable caching only in production?. You actually can without using NODE_ENV. How? I'll show you at 3pm CET (in ~15 minutes) - link below🎉
4
9
72
It is Friday again! Time to talk about @nuxt_js plugins - but not about what they do or why you should use one, but about a *new* syntax to write them. ✨The Object Syntax ✨. Learn why it is useful, which features it comes with and why YOU should use it now!. Link below 🙌
3
11
74
After all the discussions that happened this week in the @vuejs universe, I'm looking forward to follow up in tomorrows video 👀. A little sneak peak with the graphic below 👇👇👇
8
7
71
3
5
66
An amazing feature of @nuxt_js is Nuxt Layers, aka `extends` ✨. But there are still some question revolving around it: When to use it? What can I use it for? And how do implement it?. This weeks video will bring answers to all of these questions ✅. 3pm CET as usual - Link below
2
7
65
📅 Upgraded your @nuxt_js version recently? Good! But were asked to provide a compatibilityDate? . And wondered what/how/why?!. Don't worry, this week video got you covered on all details around the new "versioning system" - and why SemVer is not enough. Link below 👇👇👇
1
8
65
Thanks for having me @vueconfus 🔥. Hope I was able to tell you a thing or two you didn't know about #seo before! . My slides + speaker notes are @ If you have *feedback* or any questions, feel free to DM me or ask in person ☺️. #vueconfus.
1
11
61
You don't need a package for everything! Instead of using VueAxios in your #vuejs project, simply override the $http prototype instead! 😜
4
26
64
After showcasing it in my @NuxtNation talk yesterday briefly, what could be better than making a full video about @nuxt_js's new getCachedData option?. Together we will have a look at what getCachedData does, when it is useful + implement own caching 🎉.
0
15
61
Time to learn about a crucial thing in @nuxt_js - which command to use when deploying your application. Yes, the decision is between nuxt generate and nuxt build - but what's the difference between them? And when to use which? Does one have drawbacks?. Find out in the video below
2
4
65
Yes, Nuxt 3.12 is out 🔥👏🏻. Meaning you can now opt in to some of the upcoming Nuxt 4 breaking changes already!. Check out the blog post in the tweet and ☺️.
Nuxt v3.12 is out ✨. 🚀 Opt-in to Nuxt 4 changes.📜 Nuxt Scripts auto-install.🌈 Layer auto-registration.🌐 Built-in a11y improvements.🔥 Performance improvements.📦 Module author improvements. Huge thanks to the 74+ contributors! ❤️. 👇 read more.
1
1
63
Today I had the honor to MC the first part of @JSworldconf! It was lots of fun to announce amazing speakers such as @themarcba @timbenniks @simona_cotin @aashimaahuja22 @JoeHart @yannbf @_darkfadr @chancethedev @jecfish @sceiler8 . Thanks a lot for having me 🙌🏻
5
0
57
It's Sunday! Be lazy and relax today. Because I am lazy often myself (i.e. when I have to c&p stuff over to all my projects), I've released a new @nuxt_js package! 🎉. nuxt-webfontloader - A wrapper around the webfontloader package to load webfonts async.
5
12
58
And here is blog post number two of the big website launch week! 🎉. We discuss how we can disable or enable Server Side Rendering in a @nuxt_js application dynamically. Some of you might know one way - but did you also know there is more than just that?.
4
8
57
💚 Ready for a new video this week? I'll showcase FIVE features that @vuejs lacks (in my opinion) - and it isn't unrealistic we get most of them in the future 🔥. Anything coming to your mind? You should check out if it made it on the list. Premiering in 45m - Link in next Tweet!
5
5
60
I'm more than sure most of you really like using the Vue Composition API - I do for sure 🔥💚.But did you ever wonder "when to composable" and when your function is just that - a plain old function?. If so, my new video might be for you 🎉.
3
5
57
Mind🤯Blown🤯. I just realized that you can disable SSR in @nuxt_js for specific routes easily if you want to! 🙈. Blog post incoming?!.
8
3
56
15 minutes to go for this weeks video! And yes, it is time to talk about the two APIs in @vuejs (not that we didn't do that enough this week, huh 😁). We will have a look if the Options API will go away, why to use which API + some opinions!. Premiering 4pm, Link below 👇👇
4
5
58
Seems like @danielcroe found a critical issue in @nuxt_js during his stream! 👀. Join him @ and see what this is all about 🙉
4
1
56
Once again, @nuxt_js office hours were lots of fun, great questions and even better answer 😋. Thanks again everyone for coming around! Especially to the people up on stage answering and asking 👏🏻. @danielcroe @JulienHuang_dev @kissu @nathanchase @nemanjadragun
6
5
56
Do you use @WebStormIDE (or another JetBrains IDE) and miss import autocompletion for @nuxt_js? No worries! . 🔥 Add a "dummy" webpack.config.js to your project root and add the aliases (~, @, . ). Mine can be found at and should work for default projects
5
16
49
Thanks at lot for having me at the @WeAreDevs World Congress at the @heisedc developer area talking about @nuxt_js!. Slides + our live coding endeavors can be found @ PS: If you want to look what we could have done further, check out the `further` branch!
0
4
51
A common issue when using async code in @nuxt_js is "Nuxt Instance unavailable". The reason behind the error it is based on how Vue and Nuxt handle async composables (and similar). So. time to Learn the backgrounds and to fix it 👀. Premiering in ~30 min - Link below
1
3
51
👀 Time for the last video of the year!.After discussing Nuxt & Nitro last week - today's clip will cover an extensive overview on proxy strategies for your @nuxt_js app. ➡️ We go through the 4 common strategies and figure out which you should use!.
3
13
47
↪️💚 I know, some ppl might still be migrating to @nuxt_js 3 but version 4 is coming slowly but steadily!. But did you know that you can *already migrate* to the next major version TODAY? 👀. Learn how in this weeks video and get started right away!. Link below
1
6
48
This week we talk about @nuxt_js's runtimeConfig option again - more precisely about the MOST COMMON mistake I've seen in projects so far when it comes to environment variables 🤯. Check out if you make the same mistake and how to fix it! 👀.
1
8
42
Have you ever tried Bundle Buddy? It's a nice UI bundle analyzer to find out duplicates in your build (and optimize your chunks). I've created a @nuxt_js integration so you directly start optimizing your bundles!.
0
9
42
Did you know that @nuxt_js comes with @PostCSS (preset-env) and therefore @Autoprefixer out of the box? 🔥.You don't have to add it to the postcss plugins and can use the `build.postcss.preset` option for configuration instead 🙌🏼. More in the docs:
5
5
47
You might have asked yourself if @nuxt_js can generate RSS (or ATOM) feeds somehow. With the feed-module this is now possible!.
1
9
42
Whoop whoop, it's official now! I'll give a talk at @vuedayit on 12th of April 🙌🏼. Looking forward to my first conference talk ever 👀. And of course to share the stage with @gustojs, @debs_obrien, @timbenniks, @DonNicoJs, @mhadaily and the other speakers that'll be announced 😏
10
5
45
One week ago, the three days of @vuejsamsterdam and @devworld_conf (including @JSworldconf) ended. Three days of meeting old friends and new faces, announcing friends on stage and simply having a blast. Let me share my experience with you in this thread 🧵. Spoiler: 🎉🎉🎉
4
2
42
A bit later than usual - but here we go - another video is ready!. The second video of the Nuxt Performance In Depth series will cover the `Lazy` prefix for components, what it does and when you should/shouldn't use it. PS: Thank for all the feedback 💚.
1
7
42
Ever used classes in @nuxt_js and were frustrated when using SSR? Maybe even saw the dreaded error message from below?. Check out today's video and figure out how to avoid it and even use classes for your state server side rendering 🛠. Link, as usual, in the tweet below!
4
3
45