# WebAppPatterns

![MPA/SPA vs SSR vs vs SSG PWA](https://itcodik.com/article/vidy-veb-prilozheniy-mpa-spa-ssr-pwa----prosto-o-slozhnom-obuchenie-v-kodik)

Все веб-приложения создаются с помощью:

HTML — строим скелет страницы

CSS — делаем красиво

JavaScript — оживляем и взаимодействуем

Но как именно устроено приложение — может сильно отличаться. И вот тут начинается магия выбора подхода.

## 🌐 Основные типы веб-приложений

| Вид | Описание | Когда использовать |
| :--- | :--- | :--- |
| Многостраничные (MPA) | Каждая страница — отдельный HTML-документ | Сайты с большим количеством страниц и SEO-зависимостью |
| Одностраничные (SPA) | Всё приложение работает внутри одной страницы | Интерфейсы, приложения с высокой интерактивностью |
| Серверный рендеринг (SSR) | Генерация HTML происходит на сервере | SEO + быстрый первый рендер |
| Статическая генерация (SSG) | Готовые страницы генерируются заранее | Блоги, документация |
| PWA | Веб-приложение, как будто нативное | Когда нужен офлайн-режим и установка на устройство |

------

[2.4.2 Client-Server Patterns Theme](./2.4.2%20Client-Server.md) | [Back To iTWiki Contents](https://github.com/eldaroid/iTWiki) | [2.5 Cybersecurity Theme Folder](/2%20ComputerScience/2.5%20Cybersecurity/)