Skip to content
Next.js Introdutório
Search
Ctrl
K
Cancel
GitHub
X
LinkedIn
Email
Select theme
Dark
Light
Auto
Intro ao Workshop
Boas vindas
O que vamos aprender hoje
Pré requisitos
Links - Repo, API, Aplicação e Figma
O que é o Next.js?
Por que usar Next.js?
Um pouco de história
Setup do Projeto
Apresentando o CodanteVagas
Criando um novo projeto Next.js
Não é necessário criar um projeto Next para usar o Next
A estrutura de pastas de um novo projeto
O que é o Turbopack
Básico de Roteamento
Roteamento - Introdução
Exercício - criando as rotas
Rotas de Erros 404 (não encontrado)
Estilização
Estilizando com TailwindCSS
Shadcn - Biblioteca de Componentes
Estilizando nossa 404
Layouts e Páginas
Criando um Layout
Layouts sem Rota
Home e Sobre
Página de Vagas
Página de Cadastro de Vagas
Componentes do Next
Componentes do Next
O `next/link`
O Componente de Fontes `next/font`
Imagens com `next/image`
Componente `next/script`
Componente `next/form`
A Teoria dos Server Components
O que são Server Components no React?
Regras dos Server Components
Fetch de Dados e Rotas Dinâmicas
Brincando com a nossa API
Fetch de listagem de vagas
Criando detalhes da vaga individual
A página de vaga individual
Server Actions e Formulários
Nossa primeira Server Action
Action - apagando uma vaga
Inserindo nova vaga
Formulário pendente e com erros
Responsividade da Aplicação
Finalização
GitHub
X
LinkedIn
Email
Select theme
Dark
Light
Auto
Next Introdutório
Um guia escrito para o workshop "Next.js Introdutório" do Codante.io
Comece por aqui
Repositório deste guia
