Upgrade to Server-Side Rendering

[George-Madeley]

Upgrade to Server-Side Rendering

Problem

React is a JavaScript library that computes all of its rendering on the clients device. Therefore, as the site becomes more complex, some devices may take longer to load and render the website. To solve this issue, we can use a server-side rendering framework.

Solution

There are a range of React server-side rendering frameworks such as Next.js and Vite.js. This allows us to use all of the React capabilities with additional functionality such as routing and navigation (therefore, React Router will no longer be required).

This is a really large tasks and should only be assigned to those highly invested and capable and developing websites. In addition, our current client-side rendering website is hosted on GitHub pages. The host may need to be switched to another provider if GitHub pages does not support React server-side rendering. If the website host provider is changed, the GitHub Actions script will also need to be updated.