Curso Intensivo de Next JS
Aprenda os principais fundamentos e conceitos do NextJS, e desenvolva uma aplicação completa.
Configuração do Projeto
O que é Next.js?
Estrutura de Pastas
Primeiro Componente & Rotas
Entendo o JSX
Integração JavaScript/JSX
CSS Global
CSS Modularizado
Usando Componente
Propriedades de Componentes
Navegação entre Componentes
Componente Layout
Componente Navegador
Navegação Simples
Navegação Dinâmica
Componente com Estado
Usando API #01
Usando API #02
Integração com API
Recomendação de Vídeo
Modelos de Pré-Renderização
Pré-Renderização na Prática
Introdução do Módulo
Resultado Final
Configuração: NextJS, TailwindCSS e Firebase
Componentes Layout e Título
Classe Cliente
Componente Tabela #01
Componente Tabela #02
Componente Tabela #03
Componente Botão
Componente Formulário
Alternando entre Tabela e Formulário
Integrando Tabela e Formulário
Configurando Firebase no Projeto
Repositório de Clientes
Integrando Cadastro com Firebase
Organizando Código com Hooks
Excluindo Projeto Firebase
Conclusão do Curso
Este curso de NextJS abordará primeiramente os principais fundamentos e conceitos do NextJS, além de ensinar um pouco de React também, que é a biblioteca por baixo de tudo isso.
O NextJS nada mais é do que um framework para React, a principal biblioteca para desenvolvimento web.
As principais funcionalidades do Next são a renderização estática e pelo lado do servidor (SSR), possuir suporte para o TypeScript e um serviço próprio de tratamento de rotas.
Na primeira parte do curso será abordado tanto o React quanto os principais fundamentos do Next, mostrando como preparar o ambiente, criar um projeto e explicando como o projeto funciona, tudo com a incrível didática do Professor Leonardo!
Já na segunda parte, vamos colocar todo esse aprendizado em prática com uma aplicação para Criação, Leitura, Edição e Remoção de dados, o famoso CRUD (Create, Read, Update, Delete) com o NextJS. Utilizando o Firebase e Firestore como banco de dados, utilizando também o TailwindCSS para criar o visual do projeto e integrando com TypeScript.
Tudo isso será mostrado e explicado durante o curso, desde a criação do projeto, a instalação das dependências, configuração e integração com o banco de dados e também a integração e uso tanto do Tailwind quanto do TypeScript.
Leonardo Leitão
Quem assistiu este curso também se interessou por este conteúdo