Sua Primeira Aplicação Full Stack com Banco de Dados e Next.JS 14
HTML-код
- Опубликовано: 7 фев 2025
- Repositório: github.com/leo...
_______________________________________________________________
◆ formacao.dev ◆
◆ www.cod3r.com.br/ ◆
_
Fala, pessoal! No vídeo de hoje o Leo vai desenvolver uma aplicação fullstack com banco de dados integrada, utilizando Next.js. Esse tutorial é perfeito tanto para quem já está familiarizado com Next quanto para quem quer aprender sobre a organização de uma aplicação completa, então vem conferir e não esqueçam de deixar nos comentários a opinião de vocês!
_
Com mais de 400 mil alunos, a Cod3r é uma das principais escolas de tecnologia do País. Um dos seus produtos mais importantes é a Formação DEV, uma formação completa que tem o objetivo de preparar os profissionais para o mercado, desde iniciantes no mundo da programação ou profissionais que estão migrando de carreira, a arquitetos de software. A Formação DEV conta com uma solução completa para te ajudar a construir soluções inovadoras e enfrentar os desafios da era digital.
◆ Vem fazer parte da nossa comunidade:
Discord: / discord
Siga a Cod3r nas redes sociais:
RUclips: bit.ly/2LJdjpX
Instagram: bit.ly/3bAStnX
Facebook: bit.ly/2MWAn5p
LinkedIn: bit.ly/3i3pfPC
Vim procurar entretenimento, encontrei foi ouro! Material atualizado e ainda feito no improviso, tem preço não um bagulho desse, feito na raça memo 💪
Quer colar num bootcamp que desenrola Next.js, MongoDB, Fastify, Redis e Kafka no jeito? CrazyStack Node e React do devdoido é o caminho.
Cara, eu tô fazendo esse projeto tem 2 dias (por falta de tempo) mas ele tá bem completo no sentido de didática, parabéns. Vou assistir mais vídeos, muito difícil encontrar conteúdos em português pra next.js. Espero que tenho um CRUD completo com banco de dados em seu canal.
Melhor formato de vídeo possível. Isso sim é a realidade de programação 😂
Se tu tá na pista pra aprender na prática Next.js, MongoDB, Fastify, Redis e Kafka, o CrazyStack Node e React do devdoido é a fita certa.
Massa demais fazer um vídeo assim. Eu mesmo quando comecei, me achava fraco porque não decorava os comandos e a sintaxe, o que se mostrou mais fácil conforme eu ia praticando. Parabéns pelo conteúdo!
PS: Não sei pq a pira de programar em português, isso dá a falsa impressão de inglês não ser necessário para nossa profissão. Se vc quer ser progrmador, estude inglês, é fundamental.
0:30 meu essa skssk, ja sabe que cara é bom no hora do improviso
O conteúdo apresentado é excelente, e estou aprendendo muito sobre o react & next poderoso e versátil, muito obrigado !
Valeu, Klaus! 👾
Que aula Leo, meus parabens professor!
Poderia explicar como teria que ficar para poder incluir no repositorio o search, page, limit, skip, para usar searchParams para usar o filtro e pagination como tambem o count do prisma.
tudo nessa forma de estruturação de pastas 😅
Obrigado!
Fantástica aula!!! 👏👏👏
Excelente tutorial muito bem detalhado (só que vou ter que assistir umas dez vezes para entender toda essa estrutura de pastas, kkkkkkkkkkkkk), muito obrigado.
hahaha é assim mesmo, Claudio! Reassistir e ir refazendo os passos ajuda bastante na aprendizagem👾
*Perguntas:*
1. Posso fazer deploy na vercel com o sqlite que ele vai conseguir salvar lá?
2. Eu achava que para se comunicar com o backend/banco de dados precisava construir API's no NextJS; Em que momento se usa as API's?
3. Essa forma de desenvolvimento é conhecida como Mono Repo certo?
Léo é fera demais
Que aula maravilhosaaa!! Muito obrigado por compartilhar seu conhecimento.
Muito bom seus vídeos... Sou seu fã... Parabéns...
Valeu pelo carinho, Herberton! 👾
Quero muito bater papo contigo pra falar sobre minha carreira e seus cursos, muito bom ...
Kkkkkk... se eu espirar...
Esse Léo é ótimo.
Léo faz um projeto completo, aquele Full mesmo. Pensando em um problema, fazendo análise de requisitos, passando por diagrama de classe, de objetivo, casos de uso, transformando tudo em tabela no banco, depois aplica arquitetura limpa usando os casos de uso no backend. Na parte do frontend eu não sei quais arquiteturas existem além do tradicional MVC entre outros, e hospedando isso em algum lugar, até mesmo self host seria bem legal.
Valeu pela sugestão, Rubens! 👾
Top a aula leo
22:32 quando tento renderizaro componente Pagina ele dá esse erro: Property 'children' is missing in type '{}' but required in type 'PaginaProps'.ts(2741)
alguem sabe como resolve?
Excelente :)
Interessante, mas ficou muito "copia e cola" outra coisa, a estrutura de pastas é isso tudo mesmo? Muito arquivo "usuário" acaba confundindo
Vc faz parecer fácil rs... na epoca do php era bagunçado, mas era simples rs...1 arq ts pra cada operacao de cada entidade de cada tabela....😢 imaginando a logica relacional em js. Ou o prisma faz mágica?
Que obra prima
em 38:59 alguem ta com o erro de "Property 'childen' is missing in type '{ children: Element; }' but required in type 'PageProps'.ts(2741)" no componente pagina?
Ele diz que meu property ta faltando um tipo so que ele foi definido como any em componentes > template > Pagina, dentro da Pagina.tsx tem a interface do PageProps com children: any e mesmo assim eu recebo um erro falando que tenho que colcoar um tipo
Video massa demais! Parabens pelo conteudo!
Qual é a extensão que você usa para ter o chat-gpt no vscode ?
É o GitHub Copilot 👾
acredito que o único problema do mundo JS é que é dependencia pra tudo, até pra teste, linguagens como Elixir ta muito a frente em alguns quesitos.
😍
professor , teria como vc fazer um projeto de login e cadastro com bd , estou com muita duvida nesse assunto ainda mas com next 14 , ta dificil de achar contreudo
Fala, Leandro! Vou repassar sua sugestão para a nossa equipe 👾
Qual é o plugin do VSCode que está usando para completar os comandos?
Fala, Marcos! É o Github Copilot 👾
Pqp, que salada de fruta com TANTAs pastas... Vou reassistir de fato mais umas 12x pra entender de vez o que cada uma delas realmente significam dentro da aplicação... Mas o conteúdo é impecável!
Na moral, se tu tá afim de desenrolar Next.js, MongoDB, Fastify, Redis e Kafka no grau, o CrazyStack Node e React do devdoido é o esquema.
Teria como disponibilizar o github deste projeto ????
Fala, Cleiton. Tudo bom? É só clicar no link para acessar github.com/leonardomleitao/nextjs-fullstack 👾
top
Quem sabe faz aovivo
Property 'children' is missing in type '{}' but required in type 'PaginaProps'.ts(2741)
Pagina.tsx(2, 3): 'children' is declared here.
alguem sabe pq ta dando isso?
Joga no gpt irmão