Next JS 13 Bootcamp - Do Zero a Aplicativo Full-stack 2023

Aprenda Next JS 13 do zero, construa um aplicativo de gerenciamento de tarefas full-stack com Next JS, Typescript, Tailwind CSS

Olá! Bem-vindo ao Next.js 13 Bootcamp - onde vamos te levar do zero à construção de um aplicativo full-stack. Como você pode saber, o Next.js se tornou um dos frameworks de desenvolvimento web mais populares em 2023. Portanto, se você vem de um background web, aprender Next.js certamente será uma escolha benéfica para você. Este curso terá uma duração total de 10 horas. Nisso, usaremos 50% do tempo para cobrir todos os tópicos do Next JS e, em seguida, os 50% restantes do tempo construiremos um projeto de gerenciador de tarefas full-stack implementando todos os conceitos que cobrimos nas primeiras 5 horas.

Tópicos que abordaremos nas primeiras 5 horas:

• O que é o Next.js?
• Como ele é diferente do React.js?
• Quais são as vantagens do Next.js sobre o React.js?
• Estrutura de pastas do novo aplicativo Next JS
• Entendendo páginas estáticas e dinâmicas do Next.js
• Recursos do roteador do aplicativo, como layout, middleware, erros
• Componentes do servidor e componentes do cliente do Next JS
• Renderização, busca de dados, realização de interações em componentes do cliente e do servidor
• APIs do Next JS
• Diferença entre APIs do Next JS e APIs de servidor de terceiros
• Next JS com MongoDB
• Conexão com o MongoDB e realização de todas as operações CRUD
• Trabalhando com POSTMAN e MongoDB
• Implementando o Redux Toolkit para gerenciar o estado global

Projeto - Gerenciador de Tarefas:

• Páginas de login e registro usando Tailwind CSS
• APIs de autenticação com tokens JWT para autorização
• Protegendo rotas e APIs de usuários não autorizados
• Operações CRUD de tarefas com MongoDB e APIs do Next JS
• Painel com relatórios de tarefas
• Filtros usando renderização do lado do servidor
• Implantação no Vercel

Next.js é um framework JavaScript popular para construir aplicativos React renderizados no lado do servidor. O Next.js v13 foi lançado pela Vercel na conferência Next.js em outubro de 2022, trazendo muitos recursos e melhorias. Compreender as complexidades desta última versão é essencial para os desenvolvedores utilizarem suas capacidades e construírem aplicativos eficientes e escaláveis de forma eficaz. Este artigo abordará vários aspectos da nova versão, incluindo seus recursos exclusivos, mudanças em relação às versões anteriores e dicas para superar quaisquer desafios que possam surgir ao trabalhar com ela.

Pré-requisitos:

• Deve ter bom conhecimento de como o framework React funciona nos bastidores
• Conhecimento básico sobre APIs, endpoints, solicitação, resposta é necessário para entender o Next JS
• Conhecimento sólido de HTML, CSS, Javascript
• Um computador / laptop com pelo menos 4GB de RAM e uma boa conexão com a internet

O que você aprenderá:

• Next JS vs React JS
• Renderização do lado do servidor vs Renderização do lado do cliente
• Desenvolvimento de aplicativos full-stack usando Next JS
• Componentes do servidor e componentes do cliente do Next JS
• Entendendo as APIs do Next JS
• Recursos do roteador do aplicativo Next JS 13, como páginas, api, middleware, layout, loading, etc.
• Entendendo como o cache funciona nos componentes do servidor do Next JS
• Construindo um aplicativo de gerenciador de tarefas no final deste curso