Next.js 13 E-Commerce Tutorial (React, Prisma, Tailwind, Clerk, TypeScript, Vercel Postgres) 1/2

[@lucasnhimi]

Entre para primeira turma do meu curso de Next.js 14: www.thenextdev.io

[@CSouSa0210]

Qual é a extensão utilizada no vídeo em que ao colocar

[@viniparg]

@@CSouSa0210 o tabnine faz isso, se n me engano..

[@rodrigocardosoantonio7420]

Cara, eu criei um E-Commerce na raça e tudo errado, mas funcional, porem oque eu aprendi em 1 hora com voce, nossa... Muito obrigado.

[@trx_szbr]

Obrigada pelo conteúdo Lucas! OPÇÃO 2: - Migrar o projeto para turborepo (monorepo); - Organizando componentes com shadcn;

[@maximartinatto6744]

Hola buenos dias, tuviste inconveniente con la apiversion? o como lo resolviste?

[@cesin9]

Já parei no minuto 8:00 para comentar e já dar um like, afim de expressar minha sincera gratidão pela qualidade excepcional desta aula (provavelmente as posteriores). Sua dicção clara e envolvente não apenas facilitou a minha compreensão dos conteúdos, mas também tornou a experiência de aprendizado muito mais agradável / amigável. A forma como você articula as informações demonstra um profundo domínio do assunto e, sem dúvida, enriqueceu meu entendimento, pois absorvi TODOS os assuntos aqui abordados. Grato por seu comprometimento em proporcionar uma educação de excelência. Estou inscritos e com todas as notificações tb, vlw!!!!👊

[@lucasnhimi]

Tmj meu amigo!

[@laylson]

Eu tinha um sério problema com autenticação, agora não tenho mais. Tava faltando esse conteúdo atualizado. Opção 1. Muito bom o vídeo

[@reynaldomota3350]

Obrigado Lucas, sempre com vídeos de muito qualidade técnica e misturando tecnologias que podeme ser aplicadas em projetos reais. OPÇÃO 2

[@markus_dev_cwb]

Conteúdo muito bom, projeto bem bacana! As duas opçoes são ótimas, meu voto vai para o número 1.

[@Evandrooouuu]

Opção 1. Parabéns pelo conteúdo.

[@MarcusViniciusAssunçãoSilva]

Que vídeo sensacional!! Para a continuação, Opção 1

[@emersontrindade299]

Opção 1. E parabéns pelo projeto 👏

[@snarloff]

Muito bom!

[@adspacheco]

Aí sim!!!! Ótimo vídeo.

[@gabrielcarniel]

Cara, conteúdo fenomenal, traga mais vídeos assim. E para parte 2 eu voto opção 2.

[@hoff_mann]

nice, trás mais conteudos iguais a esse, mt bom parabens

[@elisemedeiros3642]

Obrigada Lucas, pelo conteúdo de qualidade. Opção 1

[@adrianoalves9073]

Parabéns pelo projeto. Estou aguardando a parte 2

[@CSouSa0210]

Krlhooooooo que aula, mano!!! Aprendi mais nesse video do que em uns outros 10 vídeos que ja assisti... Ja virei super fã!!

[@diegodba9428]

estou no agurdo d parte dois mestre lucas

[@pelosmeusolhos938]

que conteúdo rico, muito obrigado! Inscrito!

[@Leobraic]

Muito bom cara. Gosto muito de contéudos mão na massa. Você trabalha com front há muito tempo ?+

[@alexandrefernandes6086]

que conteudo cheio de conhecimentos parabens!!!!

[@isaclemos361]

Massa demais!!!! Gostaria de saber qual a extensão que usa pra dar aquelas sugestões de código, ajuda demais! Abraços!

[@lucasnhimi]

Github copilot

[@Marco_Neos]

AULA TOP !

[@witchunterw]

Top de mais, to assistindo e estudando aqui. Na parte do vídeo (48:50) você exibe o console.log. Como você faz para aparecer o trace completo da chamada e o retorno Json, pq aqui fica apenas [Function: json]

[@witchunterw]

Opa eu estava errando aqui, esqueci de colocar os parentes na função async na parte return res.json -->()

[@tubalaokk]

56:38 - Mas se eu já criei um próprio componente de Product, por que eu não faço o map e crio a função Async direto no componente Product e importo ele no page.tsx? Pro page.tsx ficar mais organizado.

[@Luccas_Alves]

"Opção 4. Faz mais desse tipo" kkkk. Só acho conteudo gringo completinho assim. E mostra mais de backend pfv. Mas gostaria da opção 1.

[@diegodba9428]

Queria também filtro de produtos e pagina secundaria

[@lucasnhimi]

Vou preparar um projeto só desse assunto

[@LeviSoares-m1i]

Mano você ganhou maus um inscrito

[@klebercoelho]

Se alguem estiver com dificuldades em conectar com o banco da vercel indico usar o comando de migration

[@maximartinatto6744]

excelente video, estoy teniendo un problema con la version de la api de stripe, no me acepta la version que vos usas y tengo que usar la version '2023-10-16', pero cuando levanto el proyecto me aparece la pantalla en blanco y no se me muestra nada, como lo puedo solucionar?

[@lucasnhimi]

Ajusta no packages.json a versão do stripe a mesma que estou usando no projeto

[@maximartinatto6744]

@@lucasnhimi bueno ahora pruebo

[@maximartinatto6744]

@@lucasnhimi me sigue sin andar

[@evertonlino2768]

Olá Lucas!! Essa configuração de o criar o banco de dados Postgres na Vercel já fica no ar (deploy) ou não?

[@lucasnhimi]

Fica sim

[@willnct7608]

Olá, onde consigo o código fonte do projeto?

[@Antonio-nn2kq]

Me tira uma dúvida por favor. Estou querendo criar um projeto, mas ainda estou confuso em como estruturar as pastas. Eu venho do Laravel e estrutura em MVC, mas agora no NextJS fica muito abstrato para mim. Como é chamado essa estrutura de pastas que você utiliza? Outra duvida: tô querendo construir uma aplicação que usada prisma e PostgreSQL, mas fiquei na dúvida o que seria eu criar uma API ou utilizar o fetch? Se eu vou consumir dados do meu DB, posso criar uma API? Não entendi. Estou muito confuso.

[@witchunterw]

Opa, eu de novo, quando coloquei fill no componente de imagem , no console do navegador apareceu isso: has "fill" but is missing "sizes" prop. Please add it to improve page performance. Como resolver? Li a doc, mas não entendi nada rs

[@arthurkids237]

professor boa noite, é possivel personalizar a tela de sigout e sign in do clerk para ele ficar em portugues?

[@lucasnhimi]

Mais sobre Next.js: kzbin.info/aero/PLkFMdTTdI9c0S8waMH60FY7aSv5sLqNyU

[@macielmonteiro4483]

Boa noite Lucas , como faço para retroceder a versão do next, eu tou na 14 queria fazer na mesma versão que a sua ., Alguem me ajuda ?

[@jamirluizdossantos1337]

Eu ouço ele falando quando está criando o projeto que a versão do NEXT que ele usa é a 13.4. Na criação do projeto você pode colocar no final da linha de comando ao invés de app@latest substituir por app@13.4

[@nelson.costa.dev2536]

O que aconteceu com o curso...

[@josefsartori5760]

problema gigante com clerk skew...a pagina da um erro de conflito de tempo de expiracao do jwt, impossivel resolver, alguem ai tem alguma dica?

[@yure-ribeiro]

Basta configurar corretamente o relógio do sistema, provavelmente não está sincronizado, as vezes pode ser diferença de segundos

[@yure-ribeiro]

E geralmente o jwt aceita 5 segundos de margem de erro no máximo

[@josefsartori5760]

O problema é q o sincronizador do windows tbm nao ajuda...fica dando erro

[@yure-ribeiro]

@@josefsartori5760 sim as vezes tenho mesmo problema, ainda não testei em produção, se ocorrer em prod ai complica kk

[@yure-ribeiro]

@@josefsartori5760 estou testando em prod a 2 dias e nada de erro, por enquanto, consegui sincronizar pelo windows mesmo e tudo certo. tenta nem que seja pelo ajuste manual mesmo de data e hora

[@showmethecode2677]

fala galera , como toda tecnologia o clerk ja atualizou, se você estiver tendo problema assim com eu tive, você vai ter que usar o "npm install @clerk/nextjs@beta' vai utilizar o import normal 'import { ClerkProvider } from '@clerk/nextjs'" e no arquivo middleware.ts tem que usar o 'import { authMiddleware } from "@clerk/nextjs/server" ' foi o único jeito que funcionou aqui.

[@macielmonteiro4483]

não entendi tem como vc esclarecer?

[@SauloSasa-w5e]

Perfeito tive o mesmo problema e foi corrigido com sua explicação! obrigado!