Quais são as formas de implementar o roteamento no…

Existem duas formas principais de implementar o roteamento no frontend:

Roteamento do lado do cliente: O roteamento é tratado diretamente no navegador usando JavaScript.
- Princípio de funcionamento: Ao navegar, a página não recarrega completamente. O JavaScript altera a URL na barra de endereços do navegador (usando a API de Histórico) e carrega ou redesenha dinamicamente os componentes ou partes necessárias da página.
- Estado da URL:
  - Usa a API de Histórico (pushState, replaceState). A URL é limpa, sem #.
  - Pode usar hash (#) na URL (abordagem obsoleta com #).
- Vantagens:
  - Melhor experiência do usuário (transições mais rápidas, sem recarregamento completo).
  - Adequado para aplicações de página única (SPA).
- Desvantagens:
  - Requer configuração adicional do servidor para lidar corretamente com acessos diretos por URL (por exemplo, configurar fallback para index.html).
  - Pode haver problemas com SEO se o conteúdo for renderizado apenas no cliente (resolvido com SSR ou pré-renderização).
- Bibliotecas/frameworks populares: React Router, Vue Router, Angular Router.
Roteamento do lado do servidor: O roteamento é totalmente tratado no servidor.
- Princípio de funcionamento: A cada solicitação para uma nova URL, o navegador envia uma requisição ao servidor. O servidor processa a requisição, determina qual conteúdo retornar e envia uma página HTML completa ao cliente. O navegador recarrega completamente a página.
- Estado da URL: A URL corresponde ao recurso real no servidor.
- Vantagens:
  - Simplicidade de implementação para aplicações multipágina (MPA).
  - Excelente indexação por motores de busca (SEO), pois o conteúdo está pronto imediatamente.
  - Não requer JavaScript para navegação básica.
- Desvantagens:
  - Transições entre páginas mais lentas devido ao recarregamento completo.
  - Menos interatividade em comparação com SPA.
- Exemplos: Herda de aplicações web tradicionais, onde cada URL corresponde a um arquivo ou rota no servidor (por exemplo, PHP, Python com frameworks como Django/Flask, Node.js com Express, etc.).

Em aplicações modernas de frontend, especialmente em SPA, o roteamento do lado do cliente é o padrão. O roteamento do lado do servidor é mais usado para sites multipágina ou em combinação com o roteamento do lado do cliente para melhorar o SEO (por exemplo, SSR).

Quais são as formas de implementar o roteamento no desenvolvimento frontend?