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.
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.
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!
Nuxt is often introduced as "Vue on the server" - but that framing sells short the full-stack powers that Nitro and h3 bring to the table. Many developers come to Nuxt from the front-end side and never fully tap into the server-side capabilities it offers.
After Vue.js Amsterdam earlier in the year, the hydration talk made its way across the Atlantic to VueConf US in New Orleans.
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] 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.
[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.