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.