Server Side Rendering — The Eyes Fear, the Hands Do

on YouTube ↗30m

" summary

Practical account of implementing server-side rendering (SSR) for React.js after 170 hours of investigation, presenting a finished solution and a starter kit to get an SSR React project running immediately. Compares two implementations—one using the Next.js framework and one using Express.js—explaining their pros, cons, pitfalls, and why Next.js was ultimately rejected.

AI-written summary · about

" chapters (12)

1. 0:00Introduction
2. 1:28Project goals
3. 2:32Trying Next.js
4. 8:45Next.js problems
5. 13:25SSR with Express
6. 17:17Data loading Redux
7. 20:14Styling images
8. 22:03Dynamic imports bundle
9. 23:35Demo no JS
10. 24:47SEO indexing
11. 25:12Starter kit examples
12. 25:57Q&A

" related talks

• 30mServer Side Rendering: Scared Eyes, Working HandsYan Tsishko · RS Conf 2019: Mobile People Day
• 25mServer-side Rendering with ReactJS: Win or LoseLilit Tadevosyan (Arm) | ReactConfAM19 · React Conf Armenia 2019
• 44mServer Side Rendering from the trenchesWilliam Durand · jsDay 2018
• 12mReact Server Components and SSR: How it FitsTejas Kumar · Next.js Conf 2023
• 30m50 shades of React rendering with Next.jsBen Ilegbodu · SeattleJS Conf 2023
• 35mReact SSR in the Wild: yes, we can (when we should)Matteo Frana · Universal JS Day 2017
• 13mStraight Talk About Server-Side RenderingGray Norton, Sam Lee, Trey Shugart · Polymer Summit 2017
• 04mA few things to know about SSRMatthieu Lux · dotJS 2017