Domine a renderização do lado do servidor com Next.js

Nenhuma configuração necessária. Domine o ecossistema, autenticação, rotas dinâmicas, vantagens de SEO e muito mais

Você está procurando criar aplicações React que possam ser indexadas por mecanismos de busca? Você quer aprender os benefícios da renderização do lado do servidor com React? Você já tentou muitos cursos de renderização do lado do servidor com React, mas eles não são claros nem em francês? Este treinamento atende exatamente às suas necessidades. O Next.js oferece a possibilidade de usar renderização do lado do cliente (por exemplo, create-react-app), geração estática (por exemplo, Gatsby) e renderização do lado do servidor. Este treinamento permitirá que você: - Desenvolva aplicações React com renderização do lado do servidor para melhorar o SEO - Configure e estruture uma aplicação Next.js - Entenda o sistema de rotas e gerencie rotas complexas - Recupere dados da API usando as 3 formas de recuperação - Sirva arquivos estáticos - Implemente variáveis de ambiente do lado do cliente e do lado do servidor - Implante duas aplicações Next.js em produção e facilite a integração contínua - Gerencie autenticação e proteja rotas privadas - Use renderização do lado do servidor, renderização do lado do cliente e geração estática na mesma aplicação Por que você deve usar o Next.js? React é a solução preferida para o mercado de trabalho, empresas e indivíduos estão procurando desenvolvedores React. Imagine uma empresa especializada em venda de produtos pedindo para você criar uma aplicação de comércio eletrônico para sua loja online. Você normalmente usa o modelo create-react-app ou o constrói você mesmo. Esses métodos têm grandes desvantagens: sua aplicação usa renderização do lado do cliente, ou seja, tudo acontece no navegador, e os mecanismos de busca não têm acesso ao HTML da página, o que penalizará a aplicação por não ser indexada pelos mecanismos de busca. O carregamento inicial da aplicação será longo porque o navegador precisa baixar o pacote JavaScript completo e executá-lo. É aqui que o Next.js entra, pois permite que você crie aplicações híbridas incluindo renderização do lado do servidor, renderização do lado do cliente e geração estática. No caso de uma aplicação de comércio eletrônico, por exemplo, você pode: - Usar renderização do lado do servidor para páginas que precisam ser indexadas por mecanismos de busca (SEO Friendly) - Usar renderização do lado do cliente para a parte de administração, pois essas páginas não precisam ser indexadas (Não SEO Friendly) - Usar geração estática para páginas cujo conteúdo não muda com frequência e também precisam ser indexadas por mecanismos de busca (SEO Friendly) O que é o Next.js? Next.js é um framework baseado em React que fornece uma infraestrutura simples e uma experiência de desenvolvimento para aplicações de renderização do lado do servidor (SSR). Ele possui um sistema de rotas intuitivo baseado em páginas (com suporte para rotas dinâmicas). O Next.js garante a divisão de código da sua aplicação (permite que você carregue apenas os recursos necessários).

O que você aprenderá

- Criar uma aplicação React do início ao fim com Next.js - Criar páginas e rotas complexas - Usar renderização do lado do servidor, renderização do lado do cliente e geração estática - Configurar um sistema de autenticação do lado do cliente e do lado do servidor - Implantar aplicações em produção - Estilizar componentes no Next.js