Which Server-Side Rendering Framework to Choose: Next.js, Nuxt.js, or Sapper?

Speed and SEO are crucial in today's digital space. For anyone looking to create dynamic, content-packed applications, SSR is one of the key ways to build high-performance and SEO-optimized web apps. But with the myriad SSR frameworks out there, whic...

Remix loader and clientLoader behavior

Vaadin, the battery-included server-side AJAX framework

I've written a lot about Vaadin. I was so enthusiastic that I wrote the first book about it (besides the Book of Vaadin), its updated edition for Vaadin 7, and a companion website. Still, I'm amazed that so many people in the JVM world never heard of...

Understanding SSR, CSR, and SSI: The Key Differences in Web Rendering and How They Impact Performance

You may ask, what is web rendering? Web rendering is simply moving stuffs from point A to B. Technically. It is a process that converts codes to a visually appealing and an interactive website. There are different approaches to web rendering, and the...

Server-Side Rendering (SSR) in React: A Comprehensive Guide

React.js, since its inception, has taken the front-end development world by storm due to its component-based architecture, virtual DOM, and efficient rendering techniques. React applications, by default, use a rendering strategy known as Client-Side ...

Augmenting the client with Alpine.js

This post is part of a series comparing different ways to implement asynchronous requests on the client, which is colloquially known as AJAX. I dedicated the previous post to Vue.js; I'll dedicate this one to Alpine.js - not to be confused with Alpin...

Boosting React Performance: Why It Matters and How to Achieve It

One key difference between a junior developer and a senior engineer is their focus on web application performance. While mastering tools and concepts is important, it's just the foundation. The next step is solving problems efficiently and creating o...

Augmenting the client with Vue.js

In my previous post, I laid the ground to build upon; now is the time to start "for real". I heard a lot of Vue.js. Additionally, a friend who transitioned from developer to manager told me good things about Vue, which further piqued my interest. I d...

Client Side Rendering (CSR) vs Server Side Rendering (SSR)

While developing a web application or website from scratch, a developer has to make many decisions that can significantly impact performance and user experience, especially how the content is rendered on the view. First, let's understand what renderi...

Avoiding Common Mistakes with Browser APIs in Next.js

One common mistake that beginners make when working with Next.js is incorrectly using browser APIs like window.localStorage in client components. Understanding how Next.js handles server-side rendering (SSR) and client-side rendering (CSR) is crucial...