What is Server Side Rendering (SSR) and Static Site Generation (SSG)?

1

Nuxt.js

In recent years, projects like Vercel's NextJS and Gatsby have garnered acclaim and higher and higher usage numbers. Not only that, but their core concepts of Server Side Rendering (SSR) and Static Site Generation (SSG) have been seen in other projects and frameworks such as Angular Universal, ScullyIO, and NuxtJS. Why is that? What is SSR and SSG? How can I use these concepts in my applications?

#Static Site Generators #Developer Tools #Javascript UI Libraries 149 social mentions

2

Next.js

In recent years, projects like Vercel's NextJS and Gatsby have garnered acclaim and higher and higher usage numbers. Not only that, but their core concepts of Server Side Rendering (SSR) and Static Site Generation (SSG) have been seen in other projects and frameworks such as Angular Universal, ScullyIO, and NuxtJS. Why is that? What is SSR and SSG? How can I use these concepts in my applications?

#Developer Tools #Web Frameworks #JavaScript Framework 919 social mentions

3

Google Lighthouse

I was once tasked with migrating a landing page with an associated blog from CSR to use SSG. Once I had done so, however, I noticed that my Lighthouse score had gone down despite my page rendering a much more useful initial page significantly faster than it'd taken for my app's spinner to go away.

#Website Monitoring #Performance Monitoring #Uptime Monitoring 87 social mentions

4

Babel

This simply extends the existing build process that many front-end frameworks have. After Babel's done with its transpilation, it merely executes code to compile your initial screen into static HTML and CSS. This isn't entirely dissimilar from how SSR hydrates your initial screen, but it's done at compile-time, not at request time.

#Development Tools #Javascript UI Libraries #JavaScript Framework 134 social mentions