---
# System prepended metadata

title: Types of Web Applications
tags: [notes]

---

# Types of Web Applications

###### tags: `notes`

## Static Web Apps
## Dynamic Web Apps
## Multi-Page Apps (MPA)
**Features**
* logic is almost fully on the backend. Any change to take effect, all the requests from the client-side go to the server and back.
* Almost identical to static web apps

## Single Page Apps(SPA)
**Features**
* logic’s mainly on client-side
* let users freely interact with a web app from a single page

**Props**
* swifter requests and responses, occur almost instantly

**Cons**
* not good for SEO, because the crawler bot cannot understand JS, when we use AJAX to fetch new data, the crawler won't get the information
* Tends to favor modern browser

👎 e-commerce website

👍 Social networks, online video/audio players, and e-mail services

Reference: https://academind.com/tutorials/spa-vs-mpa/

## Progressive Web Apps (PWA)

## CSR
## SSR