Next.js na prática
Next.js na prática
Crie um sistema de estoque do zero com Nextjs 14, Shadcn e Prisma
Sobre o Livro
O principal objetivo deste livro é ensinar a estrutura Next.js por meio da criação de um sistema de estoque contendo uma variedade de telas e funcionalidades.
Em vez de apenas mostrar a teoria, que pode ser facilmente acessada em sua excelente documentação, começamos a desenvolver o sistema na prática. O objetivo é que você aprenda o Nextjs de forma prática, criando um sistema completo, envolvendo várias tecnologias que fazem parte de um sistema real, como Typescript, React, Shadcn e Prisma.
Sumário
- 1.Introdução
- 1.1.Sobre PIRATARIA
- 1.2.Suporte
- 1.3.Código Fonte
- 1.4.Instalação
- 1.4.1.Extensões do Visual Studio Code
- 1.5.O Sistema de Estoque
- 1.5.1.Tela de Listagem e Cadastro de Categorias
- 1.5.2.Tela de Listagem e Cadastro de Produtos
- 1.5.3.Tela de Listagem e Cadastro de Estoque
- 1.5.4.Resumo do que Vamos Ver Neste Livro
- 2.O Next.js
- 2.1.Criando o Projeto
- 2.2.App Routes
- 2.3.Limpando a Aplicação
- 2.4.Instalando o shadcn
- 2.4.1.Adicionando o Componente
Button
- 2.4.1.Adicionando o Componente
- 2.5.Adicionando um Header
- 2.6.Banco de Dados e Prisma ORM
- 2.6.1.Criando o Schema e Tabelas
- 2.6.2.Criando o Banco de Dados Através do Prisma
- 3.Tela de Categorias
- 3.1.Criando a Tela Inicial de Categorias
- 3.2.Adicionando o Componente Card
- 3.3.Adicionando uma Categoria
- 3.3.1.Criando um Botão para Adicionar Categoria
- 3.3.2.Criando a Página para Adicionar Categoria
- 3.3.3.Estilizando o Título com @apply
- 3.3.4.Criando o Formulário
- 3.3.5.Criando o Método CreateCategory
- 3.3.6.Inserindo Dados na Tabela
- 3.3.7.Tratamento de Erros
- 3.4.Exibindo uma Tela de “loading”
- 3.4.1.Exibindo um “loading” no Botão “Save”
- 3.4.2.Corrigindo o Posicionamento do Botão “Save”
- 3.5.Exibindo as Categorias
- 3.5.1.Instalando o Componente Table
- 3.5.2.Exibindo Todas as Categorias
- 3.5.3.Utilizando o Componente
Table
- 3.6.Editando uma Categoria
- 3.6.1.Configurando a Rota
- 3.6.2.Definido um Tipo para o Parâmetro
params
- 3.6.3.Obtendo uma Categoria pelo
id
- 3.6.4.Criando o Formulário para Editar uma Categoria
- 3.6.5.Repassando Dados Entre Componentes
- 3.6.6.Preenchendo os Dados do Formulário
- 3.6.7.Editando a Categoria
- 3.6.8.Exibindo Mensagens de Erro
- 3.7.Excluindo uma Categoria
- 3.7.1.Adicionando o Componente Alert Dialog
- 3.7.2.Criando o Componente
Delete Dialog
- 3.7.3.Método para Remover uma Categoria
- 3.7.4.Implementando o Método para Remover uma Categoria
- 3.7.5.Implementando Erros
- 3.8.Conclusão
- 1.Introdução
A garantia Leanpub incondicional, sem riscos, de 100% de satisfação
Durante 60 dias da data de compra você pode solicitar o reembolso total de qualquer compra Leanpub, em dois cliques. Nós processamos os reembolsos manualmente, então eles podem demorar alguns dias para aparecer. Veja os termos completos.
Ganhe $8 em uma compra de $10 e $16 em uma compra de $20
Pagamos 80% de royalties em compras de $7,99 ou mais e 80% de royalties menos uma taxa fixa de 50 centavos em compras entre $0,99 e $7,98. Você ganha $8 em uma venda de $10 e $16 em uma venda de $20. Portanto, se vendermos 5000 cópias não reembolsadas do seu livro por $20, você ganhará $80,000.
(Sim, alguns autores já ganharam muito mais do que isso no Leanpub.)
Na verdade, os autores ganharammais de 13 milhões de dólares escrevendo, publicando e vendendo no Leanpub.
Saiba mais sobre escrever no Leanpub
Atualizações grauitas. Sem DRM.
Se você compra um livro da Leanpub, você recebe atualizações gratuitas enquanto o autor atualizar o livro! Muitos autores utilizam a Leanpub para publicar os seus livros em andamento, enquanto eles estão os escrevendo. Todos os leitores recebem atualizações gratuitas, não importa quando ou por quanto eles compraram o livro (até mesmo de graça).
A maioria dos livros Leanpub estão disponíveis em PDF (para computadores) e EPUB (para telefones, tablets, e Kindle). Os formatos que um livro inclui são exibidos no top direito dessa página.
Por último, livros Leapub não têm nenhuma proteção anti-cópias DRM sem sentido, então você pode facilmente lê-los em qualquer dispositivo suportado.
Aprenda mais sobre os formatos de ebook da Leanpub e aonde lê-los