Difference between SSR, SSG, CSR and SPA

JavaScript Framework Javascript UI Libraries JS Library

Vue.js Landing Page
1

Vue.js

Reactive Components for Modern Web Interfaces
Pricing:
- Open Source
CSR (Client Side Rendering): the process of sending the client an almost empty html file and letting JavaScript handle all the rendering. Examples of this are [React](https://reactjs.org/), [Vue](https://vuejs.org/) ang [Angular](https://angular.io/);.

#Front-End Frameworks #Javascript UI Libraries #JS Library 341 social mentions
React Landing Page
2

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
CSR (Client Side Rendering): the process of sending the client an almost empty html file and letting JavaScript handle all the rendering. Examples of this are [React](https://reactjs.org/), [Vue](https://vuejs.org/) ang [Angular](https://angular.io/);.

#Javascript UI Libraries #JS Library #JavaScript Framework 775 social mentions
Nuxt.js Landing Page

3

Nuxt.js

Nuxt.js presets all the configuration needed to make your development of a Vue.js application enjoyable. It's a perfect static site generator.

SSR (Server Side Rendering): the process of receiving a request from the client, e.g: a user goes to https://example.com to load the homepage, and returning a rendered version of the webpage with all the needed info and data to load it as fast as possible. Examples of this are [NextJS](https://nextjs.org), [NuxtJS](https://nuxtjs.org/), [Angular Universal](https://angular.io/guide/universal), [SvelteKit](https://kit.svelte.dev/) (currently in Beta) and [Sapper](https://sapper.svelte.dev/) (currently going deprecated);.

#Static Site Generators #Developer Tools #Javascript UI Libraries 149 social mentions
Next.js Landing Page
4

Next.js

A small framework for server-rendered universal JavaScript apps
Pricing:
- Open Source
SSR (Server Side Rendering): the process of receiving a request from the client, e.g: a user goes to https://example.com to load the homepage, and returning a rendered version of the webpage with all the needed info and data to load it as fast as possible. Examples of this are [NextJS](https://nextjs.org), [NuxtJS](https://nuxtjs.org/), [Angular Universal](https://angular.io/guide/universal), [SvelteKit](https://kit.svelte.dev/) (currently in Beta) and [Sapper](https://sapper.svelte.dev/) (currently going deprecated);.

#Developer Tools #Web Frameworks #JavaScript Framework 919 social mentions
Gridsome Landing Page
5

Gridsome

Gridsome is a free & open source Vue.js-powered framework for building websites & apps that are fast by default 🚀.
Pricing:
- Open Source
SSG (Static Site Generation): used when your website doesn't have a lot of data that changes and can be statically generated, e.g: a bunch of html and css files that can be deployed anywhere. Examples of this are [Gatsby](https://www.gatsbyjs.com/), [Gridsome](https://gridsome.org/), [Scully](https://scully.io) and the aforementioned NextJS, SvelteKit and Sapper, which can do both SSR and SSG;.

#Static Site Generators #Blogging #CMS 21 social mentions
Example.com Landing Page

6

E

Example.com

This domain is for use in illustrative examples in documents. You may use this domain in literature without prior coordination or asking for permission.

SSR (Server Side Rendering): the process of receiving a request from the client, e.g: a user goes to https://example.com to load the homepage, and returning a rendered version of the webpage with all the needed info and data to load it as fast as possible. Examples of this are [NextJS](https://nextjs.org), [NuxtJS](https://nuxtjs.org/), [Angular Universal](https://angular.io/guide/universal), [SvelteKit](https://kit.svelte.dev/) (currently in Beta) and [Sapper](https://sapper.svelte.dev/) (currently going deprecated);.

#Software Development #Software Development Tools #Web Development Tools 2401 social mentions
Angular.io Landing Page

7

Angular.io

Angular is a JavaScript web framework for creating single-page web applications. The code is free to use and available as open source. It is further maintained and heavily used by Google and by lots of other developers around the world.

CSR (Client Side Rendering): the process of sending the client an almost empty html file and letting JavaScript handle all the rendering. Examples of this are [React](https://reactjs.org/), [Vue](https://vuejs.org/) ang [Angular](https://angular.io/);.

#JavaScript Framework #JS Library #Web Development Tools 283 social mentions