Next.js - Visão geral
O Next.js é uma estrutura baseada em React com capacidade de renderização do lado do servidor. É muito rápido e otimizado para SEO.
Usando Next.js, você pode criar aplicativos baseados em reações robustas com bastante facilidade e testá-los. A seguir estão os principais recursos do Next.js.
Hot Code Reload - O servidor Next.js detecta arquivos modificados e os recarrega automaticamente.
Automatic Routing- Não há necessidade de configurar qualquer url para roteamento. os arquivos devem ser colocados na pasta de páginas. Todos os urls serão mapeados para o sistema de arquivos. A personalização pode ser feita.
Component specific styles - styled-jsx fornece suporte para estilos globais e também para estilos específicos de componentes.
Server side rendering - os componentes react são pré-renderizados no servidor, portanto carregam mais rápido no cliente.
Node Ecosystem - Next.js sendo géis baseados em reação bem com o ecossistema Node.
Automatic code split- Next.js renderiza páginas com as bibliotecas de que precisam. Next.js em vez de criar um único arquivo javascript grande, cria múltiplos recursos. Quando uma página é carregada, apenas a página javascript necessária é carregada com ela.
Prefetch - Next.js fornece o componente Link que é usado para vincular vários componentes e oferece suporte a uma propriedade de pré-busca para pré-buscar recursos da página em segundo plano.
Dynamic Components - Next.js permite importar módulos JavaScript e componentes React dinamicamente.
Export Static Site - Next.js permite exportar site estático completo de seu aplicativo da web.
Built-in Typescript Support - Next.js é escrito em Typescripts e fornece excelente suporte para Typescript.