Mestre em Next.js do Zero ao Mestre

Aprenda Next.js do zero criando aplicações com Firebase e Strapi 4 com autenticação e autorização

Next.js é um dos frameworks frontend mais populares hoje em dia para desenvolvimento e produção de aplicações frontend/react. Ele oferece uma ampla gama de recursos, como renderização do lado do servidor, renderização estática, rotas dinâmicas, otimização de imagens, suporte a TypeScript, roteamento baseado em arquivos, suporte a CSS, rotas de API e muito mais. Neste curso, você aprenderá:

• Fundamentos do Next.js
• Criando um aplicativo Next.js
• Estrutura de pastas e arquivos
• Páginas e rotas
• Cabeçalhos HTML
• Layout e estilos CSS
• Estilos JSX
• Personalizando o documento HTML
• Busca de dados
• Exibição de dados
• Projeto 1: CRUD com Next.js e Firebase
• Configurando o Firebase e o banco de dados
• Instalação de pacotes
• Personalizando o cabeçalho
• Buscando dados
• Lista de registros
• Criando formulário
• Salvando novo registro
• Funcionalidade de clique para editar
• Editando registro
• Excluindo registro
• Projeto 2: Aplicativo de filmes
• Criação e configuração do projeto
• Integração do Bootstrap 5 e ícones
• Criando componentes
• Layout HTML e estilos CSS
• Criando backend com Strapi 4
• Configuração do backend, autenticação, funções e permissões, criação de coleções e mais
• Consumindo a API de filmes do backend com Next.js
• Autenticação e autorização com Next.js
• Funcionalidade de upload de arquivos para o backend com Next.js
• Limitando, ordenando e paginando registros
• Acesso (login), registro, logout
• Capturando erros do backend e exibindo-os no frontend
• Integração do plugin Toastify para notificações
• Proteção de rotas e navegação privadas
• Busca de dados: getServerSideProps, getStaticProps e getStaticPaths
• Roteamento, links, imagens, aliases e estilos CSS
• Autenticação JWT (Json Web Token) e cookie no Next.js
• Next.js e React Toastify
• Criando uma API de backend completa com Strapi 4
• Pré-requisitos
• Você deve ter um entendimento básico de JavaScript e seus recursos modernos, como arrow functions, destructuring e spread operator.
• Você também deve ter um entendimento básico de React. Conceitos como componentes, props e JSX não serão explicados em detalhes, pois o foco está no framework Next.js.
• Recursos e arquivos de origem
• Todos os recursos necessários serão fornecidos nas respectivas seções.

O que você aprenderá

• Criar aplicações frontend usando Next.js
• Desenvolver um aplicativo usando Next.js e Firebase
• Desenvolver um aplicativo usando Next.js e uma API de backend
• Criar uma API de backend completa com Strapi 4
• Autenticação e autorização com Next.js e Strapi
• Autenticação JWT (Json Web Token) e cookie no Next.js
• Pesquisar, ordenar, limitar e paginar usando Next.js e a API do Strapi
• Busca de dados: getServerSideProps, getStaticProps e getStaticPaths
• Roteamento, links, imagens, aliases e estilos CSS
• Otimização de SEO no Next.js
• Visualização HTML e CSS, Bootstrap 5, plugin React Toastify
• Trabalhando com Next.js e React