It is time to recap the year 2023! I want to share my personal and professional journey through the last 365 days, as well as my goals for 2024. From moving to another country over jumping back into content creation. Hard facts, numbers and insights included - I promise!
Sentry is a great tool to track errors and performance issues in your application - but the Nuxt module is not Nuxt 3 compatible yet. In this article, I'll show you how to integrate Sentry into your Nuxt 3 application, even before the module is ready and also share why it takes longer than you might think to build the module.
Server Side Rendering does have some limitations, such as the inability to access platform-based APIs like local storage on the server side. However, what if you could activate SSR exclusively for pages that need SEO and employ the classic single-page application (SPA) mode for other pages? Discover how to achieve this in the following article.
With the release of Vue 3, a lot of things became easier. Unfortunately, loading dynamic assets such as images is not one of them. In the following article, I want to demystify the process of dynamic asset loading in Vue 3 or Nuxt 3 and explain why static assets can be loaded easily...
Almost every Nuxt.js developer has seen the "evil grey page" that is displayed after a server-side error (for example a failing API call in asyncData or fetch without a try-catch block around it). Pretty sure many of you want to change it to make it fit to your design.
SSR is amazing but also comes with errors you might have not seen before. Especially one problem still boggles lots of minds: When Vue Hydration fails. In this article we will take a look at possible reasons, explain what the error means and how to fix it.
Loading images with a dynamic source often confuses developers that are new to Vue and Nuxt.js. In the following article, I want to demystify the process of dynamic image loading in Vue and Nuxt, and explain why static images can be loaded easily...
Jamstack is a growing and modern web architecture. I gradually migrated several Nuxt.js projects from server side rendering over to JAMstack and write about my experiences, recommendations and the migration process itself.
There are three common ways to integrate an API with Nuxt. In this blog post, I'll share my personal opinion regarding all of them, my typical procedure when deciding for one approach and the benefits and disadvantages for each of them.
Wow! What. A. Year. 2018 lies in the past and I felt that this was by far the most productive year I had. On the other hand, I’m somewhat certain that this is not the end of the road...
SSR comes with certain caveats, including no access to APIs like the local storage on server-side. But what if you could enable SSR only for pages where SEO is needed and use the "traditional" SPA mode elsewhere? You can! Learn how in this article.
As your Nuxt app grows, so does your backend. With time, your API evolves from a hand full of endpoints into an enormous jungle of resources. And you want to stay the king of the jungle! Learn to organize and abstract your API resources in this post.
As a Vue developer, you may have heard the term server-side rendering. Even if you are not using a framework like Nuxt.js it is important to know how to write universal SSR-ready components. And guess what, it isn't even hard!
Brotli, a somewhat new compression from Google is getting more and more traction. To minify your Nuxt.js application as good as possible, you should set up Brotli compression for it as well! Learn how to in this article.
Who can't relate to this: You've built a small portfolio page for someone (maybe a company, a friend or yourself) and the only API endpoint you'd need is one for a form. What now? In this article, I'll explain how to actually send emails and process forms...
Server-side rendering in Vue has lots of benefits. Especially with frameworks like Nuxt.js, developing SSR Vue applications is a breeze, no matter if you use dynamic SSR or static site generation. But on the other hand, server-side rendering also comes with a fair increase of complexity and errors you might have not seen before. While most of them are documented and workarounds are available, one error still boggles lots of minds: When Vue hydration fails.
[GERMAN] Meta-Frameworks haben sich in den letzten Jahren rapide entwickelt — so auch Nuxt mit seiner letzten Major-Version Nuxt 3! In diesem Talk nehmen wir das vue-basierte Meta-Framework genauert unter die Lupe und finden heraus, was Unterschiede zu purem Vue und auch Unterschiede zu anderen Meta-Frameworks sind.
What do a SaaS landing page, a blog, and an e-commerce store have in common? They should all be easily found through search engines by as many people as possible. This makes Search Engine Optimization (SEO) crucial for the success and revenue of your project.
Meta-frameworks have developed rapidly in recent years - and so did Nuxt with its latest major version Nuxt 3! But also in the seven minor releases after the big major launch, feature development didn't stop! Wonder what the fuzz is about? Let's have a look!
[GERMAN] Es war wieder so weit! Nach fast drei Jahren durfte ich mal wieder zu Gast bei den Jungs von der programmier.bar sein! Dieses mal quatschten Jan, Sebi und ich mal wieder über Nuxt, was sich in den letzten 3 Jahren so geändert hat und worauf wir uns zukünftig freuen dürfen!
In the world of Single Page Applications, client-side rendering has long been the go-to method for rendering content. However, as SPAs have evolved, other rendering modes have emerged that offer different advantages and disadvantages. In my talk, we will explore why it's important to go beyond a blank page as initial request and explore different rendering modes like SSR, SSG, ISG and more.
With every release Nuxt.js is not only becoming more mature but also more advanced! But who can keep up with all the new features and changes, especially when also considering the UnJS packages Nuxt is built upon?
You see innovation and experiments throughout the whole web dev landscape - and you might ask yourself, what happened in the Vue ecosystem regarding meta frameworks recently?
Almost three and a half years later, I once again joined the Web Rush panel. This time, talking about Nuxt 3 and not Nuxt 2. During the podcast we tackled SSR, but also new features like the Nuxt devtools or server components.
Meta-frameworks have developed rapidly in recent years - and so did Nuxt with its latest major version Nuxt 3!
Nach langem Warten ist das Stable Release von Nuxt 3 vollzogen worden! In diesem Talk nehmen wir das Vue-basierte Meta-Framework unter die Lupe und finden heraus, welche Vorteile es uns Entwicklern bringt, sowohl hinsichtlich anderer Frameworks als auch gegenüber Vue 3.
What do a SaaS landing page, a blog, and an e-commerce store have in common? They should all be easily found through search engines by as many people as possible. This makes Search Engine Optimization (SEO) crucial for the success and revenue of your project.
Nach einiger Wartezeit wurde die erste stabile Version von Nuxt 3 im Herbst 2022 veröffentlicht. Seitdem ist einiges passiert! In diesem Talk nehmen wir das Vue-basierte Meta-Framework unter die Lupe und finden heraus, welche Vorteile es uns Entwicklern bringt, sowohl hinsichtlich anderer Frameworks als auch gegenüber Vue 3.
In this PodRocket episode, I had the pleasure of discussing various aspects of Nuxt.js and web development with Paul, co-host of the show. We covered topics like the evolution from Nuxt 2 to Nuxt 3, and discussing new Nuxt 3 features, including the groundbreaking "extends" functionality.
Nuxt 3 offers amazing DX, also thanks to its directory structure. FS-based routing, auto importing components and automatic plugin registration - just to name a few features that makes development a breeze.
A panel with selected people from the "Nuxt Insiders" community, which is a group of people who are actively contributing to the Nuxt ecosystem. Topics include i.e. contributions, upcoming features and discussions around the Nuxt.js community.
Nuxt 3 is coming closer and closer to the final release. In this talk, we will take a look at the Vue-based meta-framework and the benefits it can provide to us developers. Besides building a tiny application, we will also check out Nitro, the new server engine of Nuxt, and eventually deploy our small app within minutes. The best thing? There is no extra knowledge needed besides the basics of Vue and the Composition API.
JavaScript can run almost anywhere nowadays - in the browser, on the server, in lambdas, and on the edge. And so do our Vue and Nuxt applications! Talking about Nuxt - Already when developing Nuxt 2, the goal was to keep the core lean and release additional functionalities as Nuxt modules, or as separate packages.
During my first appearance on the CodingCat.dev podcast, we talked about Nuxt 2 and a bit of personal backstory, as well as about business and MDX and MDC in Vue.
In this episode of the PodRocket podcast, I had the pleasure to talk with LogRocket about Nuxt and Open Source, answering questions about how I joined the Core Team, what is needed to become a Nuxt contributor and how to get started with Nuxt.
Die Webentwicklung hat sich in den letzten Jahren deutlich gewandelt. Wo früher noch mit JSF und jQuery gearbeitet wurde, sind heute meistens Single Page Applications mit einem beliebigen Backend im Einsatz. Im heutigen Talk soll es aber vor allem um das Frontend gehen: Wir schauen uns gemeinsam an, welche Möglichkeiten man hat wenn man SPAs mit Vue schreibt und wieso NuxtJS, ein vue-basiertes Framework, so viel Komfort mitbringt. Dazu werden wir uns neben ein bisschen Theorie Nuxt 2 und die neue Nuxt 3 Beta anschauen (natürlich mit Live-Coding)!
During this podcast episode I had the chance to introduce Nuxt.js to the panel, explaining how to use it and what use cases it can be used for. This includes the various rendering modes like Server Side Rendering or Static Site Generation.
I had the pleasure joining Matt and Mike from HTML All The Things for an episode of their podcast. We discussed Vue.js, Nuxt.js and also talked about maintaining an open source project.
I had the pleasure to join the Enjoy the Vue panel, and was thrilled to share my perspective on Nuxt.js, a Vue framework that offers an intuitive and efficient approach to web development, in this episode.
[GERMAN] Ich hatte die Ehre zusammen mit der programmier.bar eine Podcast-Episode aufzunehmen, in der wir einen kleinen Deep Dive in das Thema Nuxt.js tätigen. Nachdem es bereits eine kleine Intro-Folge ohne mich gab, konnte ich die letzten offenen Fragen des Pnaels klären und unter anderem berichten, wie Hydration funktioniert und wann man SPA, SSG und SSR nutzen sollte.
Vue 3 and the Composition API are out for a bit now. And while the ecosystem is catching up, more and more libraries provide support for the Composition API through composables. But what is about Server-Side Rendering with the composition API, especially when using Nuxt.js? I got you covered!
Vue 3 and the Composition API are out for a bit now. And while the ecosystem is catching up, more and more libraries provide support for the Composition API through composables. But what is about Server-Side Rendering with the composition API, especially when using Nuxt.js? I got you covered! In this talk, you will learn about the @nuxtjs/composition-api package that provides you a couple of nifty composables as well as SSR support in conjunction with the Composition API itself. Together we look into the new additions of the packages as well as several use cases and examples of how to use the Composition API with Nuxt.js.
In my very first appearance of the Web Rush podcast (back then still RealtalkJS) I joined John Papa, Ward Bell and Dan Wahlin to talk about Nuxt.js, how it fits in the Vue ecosystem and how the Nuxt and Vue team work together.
I thought a lot about what I was going to present at VueCamp. Finally, I decided on something that fits well with the spirit of a barcamp: Talking with the people, not only to the people. And nothing fits better than an AMA here! So, I'm curious about your exciting questions regarding the Nuxt ecosystem, the core and (almost) everything else you want me to tell you.
An introduction talk to fellow developer colleagues explaining the history of web development and digging deeper into modern approaches including SPAs, SSR-Apps and JAMstack, all realised with the Nuxt.js framework.
Clean Code is undoubtfully important. Too much technical debt can slow down projects and, in the end, ruin companies. While the principles themselve are clear thanks to Uncle Bob, this talk lays the focus on Clean Code when working with the frameworks Vue.js and Nuxt.js.
Nuxt.js - You probably have heard the name of the Vue.js framework a few times by now. Maybe when a colleague of yours gave it a try, or when you saw it on the GitHub report as the fourth fastest growing open source project in 2018....
Nuxt.js - You probably have heard the name of the Vue.js framework at least once. Maybe when a fellow colleague gave it a try, or when you saw it on the GitHub report as 4th fastest growing open source project in 2018. But as a smart developer, you're skeptical...
What? A framework on top of a framework? Yes, you heard right! Nuxt.js is a Vue.js Meta Framework to create complex, fast & universal web applications quickly. Have you ever asked yourself how to improve the search engine ranking of your Vue application?