Next.js Basics para Iniciantes

Aprenda Desenvolvimento Web com Next.js

Avaliação: 3.7 de 521 avaliações

Duração: 37 minutos

Aulas: 5

Nível: Iniciante

Aprenda desenvolvimento web com Next.js

Conforme o site do Next.js afirma, O Framework React para Produção, o Next.js oferece uma experiência excepcional para os desenvolvedores com todos os recursos necessários para a produção. Esses recursos incluem renderização híbrida estática e no servidor, suporte ao TypeScript, empacotamento inteligente, pré-carregamento de rotas e muito mais. Nenhuma configuração é necessária.

O Next.js é um framework de desenvolvimento web de código aberto criado pela Vercel. Ele permite o desenvolvimento de aplicações web baseadas em React com renderização no servidor e geração de sites estáticos. A documentação do React recomenda o Next.js como uma ferramenta para construir sites renderizados no servidor com Node.js.

Enquanto os aplicativos React tradicionais só podem renderizar conteúdo no navegador do lado do cliente, o Next.js estende essa funcionalidade para incluir aplicativos renderizados no servidor. O Next.js também suporta Regeneração Estática Incremental e geração de sites estáticos. Durante o tempo de construção, uma versão compilada do site é criada e salva como uma pasta .next. Quando um usuário faz uma solicitação, as páginas HTML estáticas pré-construídas são armazenadas em cache e servidas, resultando em tempos de carregamento rápidos. No entanto, essa abordagem pode não ser adequada para sites interativos que mudam com frequência e dependem muito da entrada do usuário.

Nesta série, vou abordar o básico do Next.js e ensinar você a se tornar um desenvolvedor Next.js. Ao longo do curso, vou compartilhar as melhores práticas que os desenvolvedores web podem aplicar em seus projetos diários. Alguns dos tópicos abordados nesta série incluem:

• Introdução e configuração do projeto do Next.js
• Limpeza e explicação da estrutura de pastas
• Configuração do layout com Bootstrap
• Página inicial, página Sobre e página de Contato
• Construção e implantação no Netlify com Git

Ao final deste curso, você terá uma base sólida em Next.js e estará equipado com o conhecimento e as habilidades para desenvolver aplicações web usando este poderoso framework.