We have to talk about Rendering Modes...

Nowadays everyone talks about "SSR" - but do people actually talk about the same rendering mode there? Or is it what they actually want or need? Same applies to all the other acronyms, from ISR over to SSG. And especially when talking with people not using a JavaScript Meta Framework, these terminologies might get a somewhat new meaning. Check out the video to make sure you have the overview of the different modes, a big decision tree of how they belong together and how to figure out what your app (or parts of your app) are + what you need. --- Links and Resources: 🔗 Full Infographic https://img.lichter.io/infographics/r... 📺 ‪@DejaVueFm‬ #E001 - The Need for SSR - https://share.transistor.fm/s/90ce0fd6 --- Chaptermarks: 00:00 Intro 00:11 Rendering modes got complicated... 01:26 Q1: Does the server "generate" HTML? 01:52 Q1 No - No SSR 02:17 Q1.1: Is it an SPA? 02:33 Q1.1 No - [END] Static HTML 03:10 Q1.1 Yes - [END] Client-Side Rendering / Single Page Applications 05:11 Q1 Yes - Server Side Rendering (but what does that mean)? 05:14 Q1.2 Will the App turn into an SPA? 05:34 Q1.2 No - "Traditional" Framework/Static Site Generator 05:42 Q1.2.1 Is the HTML generated at build time? 05:56 Q1.2.1 No - [END] "Traditional" SSR 06:59 Q1.2.1 Yes - [END] "Non-SPA" Static Site Generator 08:15 Q1.2 Yes - JavaScript Meta Framework 09:35 Q1.2.2 Is the HTML generated at build time? (again!) 09:52 Q1.2.2 No - [END] SSR "in the JavaScript bubble" 12:30 Q1.2.2 Yes - [END] JavaScript Meta Framework with Prerendering 14:30 Q1.2 "To some degree" - [END] Island Architecture 15:52 Why knowledge on rendering modes is important 17:04 Wrapping Up