Convert Existing React App to Server Side Rendered

Convert Existing React App to Server Side Rendered


2 min read

I've been building a platform where people can learn anything from. In order to improve my traffic, I was recommended by my friend, Rafeh, to start doing server-side rendered pages, essentially improving SEO.

My current architecture is a React app, served through AWS Amplify, and a backend deployed in AWS Lambdas.

This will be a big shift for me, so I wanted to learn the fastest of migrating my existing app into a server-side rendered application (SSR). Going through some articles, I realized I was looking for a more structured migration approach.

Learnly came to my rescue. I asked it to create a course for me to do exactly that, and was truly surprised by the output!

Check out the course here.

Generated course

It generated 4 modules, with exercises and quizzes:

  1. Introduction to server side rendering

  2. Preparing your react app for server side rendering

  3. Implementing Server side rendering with Express

  4. Optimizing Server Side Rendering for SEO

The generated content was formatted:

pros and cons of SSR image

and included relevant Google articles and youtube videos

google links related to SSR

youtube links related to SSR

I was really happy to see the formatted code and instructions:

Image showing syntax formatting of the instructions for SSR

I have discussed lots of pros, and now some cons:

  1. I want it to include more comparisons to existing frameworks, maybe I can include this in the options, and then generate a course for a specific framework

  2. I want to see if it has worked for other people, having Google articles will help with that, but integrated reviews would be nice

I will be following the instructions, and update this blog post in the future.

Really excited about the future of learning, try creating your own courses with Learnly or visit this course about SSR

Say ๐Ÿ‘‹ on Twitter