Curso Completo de NextJS para Iniciantes

Crie um Aplicativo Simples de Tarefas para Aprender o Renderização do Lado do Servidor com Next.js

Avaliação: 3.8 de 512 avaliações

40 minutos totais | 10 aulas | Todos os níveis

Crie um aplicativo simples de tarefas para aprender a renderização do lado do servidor do zero com o Next.js. Por que você deve aprender o Next.js Usando a renderização do lado do servidor, o Next.js supera ambos esses problemas. O framework do Next torna fácil escrever programas React escaláveis e performáticos sem se preocupar com configurações. É por isso que tantas empresas dependem do Next para enviar aplicativos em produção. Renderização do Lado do Servidor Quando os desenvolvedores perceberam que enviar muito código React para o cliente era um problema, eles se perguntaram se era possível codificar em React enquanto ainda enviavam documentos HTML para os clientes. Afinal, tudo o que você tem depois que o código React termina de processar é um documento HTML. Então eles seguiram em frente e fizeram isso. A renderização do lado do servidor (SSR - Server-Side Rendering) para React foi criada. Com o SSR, agora você pode escrever código React, executá-lo no servidor (que é mais poderoso do que um dispositivo cliente típico, como um smartphone) e, em seguida, entregar o documento HTML ao cliente. O que você aprenderá neste curso Vamos percorrer: - Criando um aplicativo NextJS - Usando getStaticProps para obter dados do usuário - Adicionando uma classe ativa com useRouter - Adicionando componentes de cartão usando o link do Nextjs - Criando uma página de erro personalizada - Rotas indexadas, aninhadas e dinâmicas - Nextjs getStaticPath - Componente de imagem do Nextjs - Adicionando um botão e imagem de fundo Ele é apoiado por uma garantia de devolução do dinheiro em 30 dias. Se você também deseja aprender SSR, junte-se a nós agora. O que você aprenderá - Recursos do NextJS, como pré-renderização e SSR - Aprenda navegação do lado do cliente - Revise recursos importantes do React - Desenvolva um aplicativo com o Next.js