In this post, we will create a simple React app that is server-side rendered using Deno.

Over the years, browsers have evolved and are now more powerful. We started to create entire websites and web apps with client-side JavaScript. This is called “Single Page Application.” This leads us to create more interactive real-time updated web applications.

Now the alternative to rendering on the client-side is the use of server-side rendering. In this post, we will take that alternative route to create a simple React app that is server-side rendered using Deno. Before we dive in, let’s talk a bit about server-side rendering.

What is server-side rendering? It is a technique for rendering a normally client-side only Single-Page App (SPA) on the server and then sending a fully rendered page to the browser. Alternatively, in client-side rendering the initial HTML rendered by the server is a placeholder and the entire user interface and data are rendered in the browser once all your scripts load.

Advantages of Server-Side Rendering

• Performance: In server-side rendering (SSR), the application performance depends on the server’s resources and the user’s network speed. This makes it very useful for content-heavy sites.
• Search Engine Optimization: Google isn’t the only search engine. If you value SEO, then server-side rendering is your only guaranteed way for crawlers to see the data you want them to.

#react #deno