SSR

CSR

Huge bundle size causes poor performance and poor UX

Improve Attempts In SA Project

1. Code Splitting

Load It When We Need It

SSR

User will see the content first before it's interactable

Current State Of SSR/CSR in SA

/src/react/pages/index.tsx

src/express/controllers/index.controller.tsx

Our Goal

Ways To Accomplish It

Distinguish out the Route-Based Project

Ways To Accomplish It

/home project

/country project

Ways To Accomplish It

  • Rebuild by using Next.js
  • Build SSR features with React and Express by ourselves

The whole Code Structure may be much more complicated and hard to maintain. Because we need to take care of both Client Side and Server Side code for every Projects.

Any Options About Caused TIME !!!

SSR

By ian Lai

SSR

  • 310