Тёмный
Codegus
Codegus
Codegus
Подписаться
Next.js, React, Node.js e desenvolvimento web moderno, tudo nesse canal.
Todas as Novidades do Next.js 14
12:38
8 месяцев назад
Комментарии
@fillipeamg5877
@fillipeamg5877 2 дня назад
Cara, mto bom. E ainda fez sem utilizar o next.auth. Mto obrigado!
@pedrohenrique-wh1ee
@pedrohenrique-wh1ee 7 дней назад
Muito bom
@Fernando-l3q
@Fernando-l3q 7 дней назад
eu te amo...
@fabioaugustodev
@fabioaugustodev 7 дней назад
Muito bom! Continua fazendo vídeos sobre essa UI
@carlosgonzaga1295
@carlosgonzaga1295 11 дней назад
Olá Gustavo Parabéns porém está aparecendo o seguinte erro!! "/home/suptec/Projetos/node-exemplo/manager.js:1 const boxen = require('boxen'); ^ Error [ERR_REQUIRE_ESM]: require() of ES Module /home/suptec/Projetos/node-exemplo/node_modules/boxen/index.js from /home/suptec/Projetos/node-exemplo/manager.js not supported. Instead change the require of index.js in /home/suptec/Projetos/node-exemplo/manager.js to a dynamic import() which is available in all CommonJS modules. at Object.<anonymous> (/home/suptec/Projetos/node-exemplo/manager.js:1:15) { code: 'ERR_REQUIRE_ESM' } Node.js v18.19.1"
@codegus_
@codegus_ 11 дней назад
Utilize o npm install boxen@5 para resolver isso
@carlosgonzaga1295
@carlosgonzaga1295 9 дней назад
@@codegus_ Grato Perfeito!!
@Irin_GamePlay
@Irin_GamePlay 18 дней назад
Up
@giovanebolsoni9831
@giovanebolsoni9831 18 дней назад
Que conteúdo top! Há um tempo fiz um site e sofri bastante para fazer a parte de SEO. Queria ter visto esse vídeo antes, resolveria 70% dos problemas kkkk
@matheusmczvieira
@matheusmczvieira 19 дней назад
Top de mais boy
@arthurguedes2461
@arthurguedes2461 20 дней назад
Excelente video!
@airtongoncalves4038
@airtongoncalves4038 20 дней назад
Muito bom mestre
@leandrodocruze3056
@leandrodocruze3056 Месяц назад
Uma duvida, vou começar a ver hoje, tem conexao com banco de dados??
@codegus_
@codegus_ Месяц назад
Sim, mas a opção que mostro não vai funcionar mais, porque eles removeram o free trial. Sugiro usar docker-compose (tem short explicando) ou Supabase
@marrecos7149
@marrecos7149 Месяц назад
Faz mais vídeos!!! 🤩🤩
@marrecos7149
@marrecos7149 Месяц назад
Que incrível! Estava vasculhando a internet por um tutorial desses. Ajudou demais, valeu meu querido!!
@andreluisferreira
@andreluisferreira Месяц назад
@Codegus seus videos e dicas são tops, poderia fazer um video sobre a Biblioteca PrimeReact. Mostrando a integração da Biblioteca e a criação da estrutura de um projeto React. Uma vez mais parabéns pelo conteúdo de qualidade.
@Novohabito-wj6fd
@Novohabito-wj6fd Месяц назад
Duvida, se tudo oque esta no app renderiza no lado do servidor como o navegador carrega o conteudo enviado pelo servidor? Ele usa javascript para isso? Porque como o navegador recebe oque vem do servidor sem usar javascript para isso? Por que o componente client precisa de javascript e o componente do servidor não? Gostaria de entender melhor
@codegus_
@codegus_ Месяц назад
Sim, toda a parte de cliente quanto de servidor é com JavaScript, então o navegador recebe tudo via JavaScript
@sonhar122
@sonhar122 Месяц назад
sabe como ficaria o exit do framer motion? depois do next 13 ele parou de funcionar sem gambiarra, tem alguma solução legal? xD kk bom video, achei o canal recentemente e ja to maratonando
@codegus_
@codegus_ Месяц назад
Eu acredito que usando a propriedade normal de exit junto com o "AnimatePresence" encapsulando o conteúdo, da uma olhada na doc deles: www.framer.com/motion/animate-presence/
@sonhar122
@sonhar122 Месяц назад
@@codegus_ depois do next 13 essa funcionalidade parou nele xD
@rodrigopereira9879
@rodrigopereira9879 Месяц назад
compo fazer a Metadata dimanica com Next.js14
@codegus_
@codegus_ Месяц назад
Tem vídeo no canal sobre metadados! Confere la
@devgui_
@devgui_ Месяц назад
Uso a versão dela pro vuejs, realmente eh top
@mauroprogramador4486
@mauroprogramador4486 Месяц назад
Muito bom ! Didática muito boa !
@mayconjzj
@mayconjzj Месяц назад
Pra falar a verdade essa parada de colocar no className não me atrapalha em nada, é mais rápido e prático, não tenho que perder tempo dando nome para os elementos e estilizando eles em um arquivo separado. Se te atrapalha tem uma extensão no vscode que se chama Tailwind Fold, ela esconde a parte do className.
@mayconjzj
@mayconjzj Месяц назад
Também poderia definir a font no arquivo css, ou definir um thema com tailwind e usar diferentes fonts em diferents partes do site.
@mayconjzj
@mayconjzj Месяц назад
No template do next, já vem com a font inter no arquivo layout.ts desta mesma maneira.
@Rafaeldiasboxe
@Rafaeldiasboxe Месяц назад
Senhores, vcs nao estão pronto pra isso Nuxt eh muito melhor que Next
@marcelojobs9782
@marcelojobs9782 Месяц назад
9:20 infelizmente fiz algo errado e fui cobrado pela Planetscale, bastante cuidado nessa parte, galera!
@marcelojobs9782
@marcelojobs9782 Месяц назад
Se ocorrer, peça o reembolso, comigo deu certo aqui!
@joaosaidel7503
@joaosaidel7503 Месяц назад
Alguem conseguiu utilizar o Supabase , com servidor de SP? Aq sem sucesso pra conectar
@codegus_
@codegus_ Месяц назад
Tenta de novo, as vezes estava com instabilidade
@esdrika360
@esdrika360 Месяц назад
Muito top! Reproduzi, e fiz o Deploy também :D
@joaosaidel7503
@joaosaidel7503 Месяц назад
Cara que conteúdo top mane, mandou mt!!!
@juliocesarlucianodasilva5340
@juliocesarlucianodasilva5340 Месяц назад
Quando sai o proximo video?
@codegus_
@codegus_ Месяц назад
Em breve!
@levisiebra858
@levisiebra858 Месяц назад
Excelente vídeo
@wrong31
@wrong31 Месяц назад
Muito bom os vídeos sobre o Nextjs. Mas fiquei com uma dúvida.: como direcionar para a página de login ao acessar o sistema? Ou seja, ir para a página Home somente depois de logado.
@codegus_
@codegus_ Месяц назад
Valeu! No meu canal na parte de lives tem um vídeo onde faço esse processo todo no detalhe, vale a pena conferir! É a live sobre autenticação
@GuleXIX
@GuleXIX Месяц назад
Oq dá pra usar no lugar do planet scale? Fui criar agora um dB e n tem mais o free ☹️
@codegus_
@codegus_ Месяц назад
Supabase é uma opção, mas é postgres, só precisa fazer algumas pequenas alterações no prisma.schema pra funcionar
@descomplicandogame4727
@descomplicandogame4727 2 месяца назад
1:10:00 minha mente - LA ELE
@CodigMorse
@CodigMorse 2 месяца назад
video muito show
@fernandocosta3307
@fernandocosta3307 2 месяца назад
Gratidão
@ideanetwork8941
@ideanetwork8941 2 месяца назад
Legal.
@ideanetwork8941
@ideanetwork8941 2 месяца назад
Legal
@herbertkayky
@herbertkayky 2 месяца назад
biblioteca muito boa
@herbertkayky
@herbertkayky 2 месяца назад
excelente vídeo camarada. conheci o canal agora e já tô gostando bastante.
@emanuel_borges
@emanuel_borges 2 месяца назад
show.... gostei dos seus videos
@2juniordbz
@2juniordbz 2 месяца назад
Exelente video!
@knjlopes2851
@knjlopes2851 2 месяца назад
Obrigado amigo, você é um amigo👍
@NeroDantesco
@NeroDantesco 2 месяца назад
para verificar o email é exigido verificar o dominio
@codegus_
@codegus_ Месяц назад
Sim, até a data de hoje você tem 1 domínio gratuito, para multiplos é necessário pagar.
@NeroDantesco
@NeroDantesco 2 месяца назад
Aula muito boa irmao parabens
@codegus_
@codegus_ Месяц назад
Obrigado!!!
@VivianSTWu
@VivianSTWu 2 месяца назад
Não entendi uma coisa... você especificou os pesos da fonte, mas nunca especificou qual você queria usar. Como isso funciona? Como posso especificar o peso da fonte que eu quero utilizar?
@codegus_
@codegus_ Месяц назад
primeiro vc precisa colocar os pesos ao declarar a função da fonte com a prop "weight" e entao com o tailwind vc pode usar font-bold, font-thin etc
@joaoisisnaldo3021
@joaoisisnaldo3021 2 месяца назад
mt bom
@mtspivato
@mtspivato 2 месяца назад
Cara, excelente conteúdo, esclareceu diversas dúvidas que eu tinha sobre esse sistema de autenticação
@sergioddh
@sergioddh 2 месяца назад
No NextJS está tudo no mesmo projeto, tipo um monolito full-stack. É possível desacoplar o front do back deste projeto quando se for fazer o deploy da aplicação? Como isto é possível? Digo isto para poder gerar as aplicações separadamente em um cluster, por exemplo...
@codegus_
@codegus_ 2 месяца назад
Não sei dizer claramente se esse monólito específico pode ser divido porque nao conheço o código, mas em termos gerais, sim, é possível desacoplar monólitos em outros projetos, apenas basta reescrever em aplicações diferentes, resta saber quais são as regras que vc tem que seguir para conseguir chegar nisso.
@sergioddh
@sergioddh 2 месяца назад
​@@codegus_ pode levar em consideração a arquitetura que você desenvolveu neste tutorial, pois seu back (chamadas ao banco) está tmb dentro da sua aplicação Next. Como ficaria o deploy seperado desta app? Eu falo isto, porque estou começando a desenvolver uma aplicação nos mesmos moldes, estou na dúvida se uso apenas Next para front+back ou Next somente para o front e crio outro código separado (Node+Express ou NestJS) para meu back
@codegus_
@codegus_ 2 месяца назад
Então, depende muito da sua aplicação mesmo. Eu só faria tudo no Next.js se eu não precisar de forma nenhuma deixar minhas APIs serem consumidas por outro projeto, caso contrário vou pra um Node.js mesmo para fazer as APIs. E os deploys terão que ser separados.
@klebercoelho
@klebercoelho 3 месяца назад
que conteudo foda, cai de paraquedas no canal
@codegus_
@codegus_ 3 месяца назад
bem vindo!!!
@luisreche8076
@luisreche8076 3 месяца назад
Muito obrigado, me ajudou muito!!! Desejo o máximo de sucesso pra vc
@pedrocunhajunior
@pedrocunhajunior 3 месяца назад
Top de mais sua explicação, vc deveria fazer um curso pra venda ou grátis!