A diferença de um SPA e um SSR é que o SSR possui um intermeio(O Next.js) entre o servidor(backend) e o cliente(browser). Diferente do SPA que tem apenas a conexão borwser-servidor. O SSR veio para solucionar alguns problemas das aplicações SPAs
*curiosidade: uma aplicação SSR continua sendo exibida alguns conteúdos, mesmo se o javascript da pagina for desabilitado
As pessoas perceberam que colocar muito código javascript no lado do cliente era um problema. E foi assim que o next surgiu. Ou seja, ele faz uma renderização do lado do servidor
- tempo de carregamento das paginas
- aumento no desempenho
- melhora nos mecanismos de pesquisa(SEO)
- O SSR é melhor indexado no google.
- Facilidade na configuração
- não precisamos nos preocupar com babel ou webpack
- otimizador de imagens