---
title: Single Page Application (SPA)
created: 2026-06-06
updated: 2026-06-06
type: concept
tags: [tech, web, architecture]
confidence: high
contested: false
sources: [synthesized]
---
# 📱 Single Page Application (SPA)

## Définition Courte
Application web où une seule page HTML est chargée initialement, et le contenu est mis à jour dynamiquement via JavaScript sans rechargement complet.

## Explication Détaillée
Les SPAs utilisent massivement AJAX et des frameworks JS pour reproduire l'expérience d'une application native. Le routing est géré côté client (React Router, Vue Router).

**Avantages** : UX fluide (pas de rechargement), découplage fort frontend/backend, idéal pour les apps complexes (dashboards, SaaS).
**Inconvénients** : SEO difficile (nécessite pré-rendu ou SSR), temps de chargement initial plus long, consommation mémoire côté navigateur.

## Cas d'Usage
- Tableaux de bord (Dashboards, Notion, Figma).
- Applications SaaS complexes.
- Outils internes.

## Outils Liés
- **Frameworks** : React, Vue, Angular, Svelte, Solid.
- **Routing** : React Router, Vue Router, TanStack Router.
- **State** : Redux, Zustand, Pinia, Jotai.

## Pages Liées
- [[server-side-rendering]]
- [[concepts-web]]
- [[patterns-architecture]]

## Questions Ouvertes
- Les SPAs sont-ils en train de fusionner avec le SSR (via Next.js, SvelteKit) ?
- Comment gérer l'analytics dans une SPA sans cookie ?

## Liens
- [[stack-frontend-solo-dev]]