Aprender a criar sites e sistemas web usando o NextJS do zero ao profissional.
Durante o treinamento, criaremos projetos reais para você aplicar nos seu dia a dia.
Neste curso irá descobrir o jeito mais moderno de desenvolver aplicações web e sistemas web, você vai aprender a criar aplicações completas do extremo zero e entendendo na prática a usar todo poder e recurso do ReactJS e NextJS.
Curso 100% na prática, onde iremos sempre criar projetos REAIS, usando as tecnologias mais buscadas pelo mercado de trabalho como, ReactJS, NextJS, TypeScript, Sistema de autenticação entre outras coisas mais.
Iremos criar aplicações com sistema de usuários, autenticação, integrar pagamentos dentro do sistema, trabalhar com requisições http, aplicar todo poder do Next.JS usando Server Side Rendering, Static Generator tudo sempre 100% na pratica e do zero passo a passo.
Além de fazer o deploy dos nossos projetos tanto na vercel quanto heroku.
EdiJunior88/Sujeito_Programador_NextJS_do_zero_ao_avancado is built on the following main stack:
JavaScript – Languages
TypeScript – Languages
Next.js – Frameworks (Full Stack)
Node.js – Frameworks (Full Stack)
React – Javascript UI Libraries
React Router – JavaScript Framework Components
styled-components – JavaScript Framework Components
Firebase – Realtime Backend / API
ESLint – Code Review
Vite – JS Build Tools / JS Task Runners
axios – Javascript Utilities & Libraries
Para ver todas as tecnologias clique aqui
Início da Jornada
- Configurando seu VsCode
- Mapa do curso
Começando com ReactJS
- Primeiros passos
- Primeiro projeto
- Propriedades e componente
- Trabalhando com useState
- Manipulando formulario
- Praticando
- useEffect
- Requisições HTTP
- Trabalhando com Rotas
- Trabalhando com Rotas pt2
- Aplicando Styled Components
Primeiro Projeto
- Conhecendo projeto
- Começando projeto
- Criando estilos
- Estilizando pagina Main
- Buscando repos
- Buscando repos pt2
- Listando repositórios
- Salvando repositórios
- Pagina detalhes
- Carregando detalhes
- Exibindo detalhes
- Exibindo issues
- Criando paginação
- Criando filtros
Entendendo NextJS
- Entendendo a estrutura
- Comandos para criar seu primeiro projeto
Projeto Board Tarefas
- Criando projeto
- Criando header
- Configurando sistema de login
- Criando login
- Criando rota de admin
- Criando dashboard
- Criando dashboard pt2
- Cadastrar tarefas
- Cadastrando no banco de dados
- Listando itens
- Listando itens pt2
- Detalhes da tarefa
- Detalhes da tarefa pt2
- Realizar comentários
- Buscando comentários do post
- Mostrar comentários no post
- Deletar comentário do post
- Criando páginas estáticas
- Revendo projeto
Projeto Sistema completo com NextJS
- Conhecendo o projeto
- Criando projeto
- Configurando document
- Criando estilos globais
- Criando Header
- Criando Header pt2
- Criando pagina home
- Criando pagina home pt2
- Criando footer
- Melhorando responsividade
- Pagina do blog
- Pagina blog pt2
- Usando um CMS
- Configurando custom type home
- Consumindo CMS
- Atualizando pagina home
- Criando configuração posts
- Consumindo posts
- Consumindo posts pt2
- Criando paginação blog
- Relembrando paginação
- Detalhe do post
- Detalhe do post pt2
- Configurando sobre
- Pagina sobre
- Pagina sobre pt2
- Finalizando projeto
Deploy projeto Sistema
- Gerando build
- Fazendo deploy do projeto
Evoluindo com diretório app
- Criando novos projetos
- Usando app router
- Conhecendo server components
- Revendo componentes
- Conhecendo loading
- Evoluindo com layouts
- Usando client componente dentro de server components
- Criando páginas dinâmicas
- Criando grupo de páginas
- Cache e revalidate
- Error page
- Not found page
- Aplicando metadata
- Relembrando conhecimentos
- Conhecendo Api routes
- Evoluindo api routes
Projeto dalygames
- Criando projeto
- Conhecimento projeto dalygames
- Criando header
- Criando página home
- Gerando jogo do dia
- Input de busca
- Listando jogos
- Criando página search
- Ajustando metadata SEO
- Criando pagina detalhe
- Criando página detalhe pt2
- Gerando SEO dinâmico com metadatas
- Pagina perfil
- Finalizando projeto
Link do projeto:
Favoritar Repositórios https://projeto-favoritar-repositorios.vercel.app/
