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

แชร์
ฝัง
  • เผยแพร่เมื่อ 24 ธ.ค. 2024

ความคิดเห็น •

  • @lucasnhimi
    @lucasnhimi  ปีที่แล้ว +1

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

    • @CSouSa0210
      @CSouSa0210 6 หลายเดือนก่อน

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

    • @viniparg
      @viniparg 5 หลายเดือนก่อน

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

  • @rodrigocardosoantonio7420
    @rodrigocardosoantonio7420 10 หลายเดือนก่อน +1

    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.

  • @showmethecode2677
    @showmethecode2677 9 หลายเดือนก่อน +4

    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
      @macielmonteiro4483 8 หลายเดือนก่อน

      não entendi
      tem como vc esclarecer?

    • @SauloSasa-w5e
      @SauloSasa-w5e 5 หลายเดือนก่อน +1

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

  • @DiariosD1Dev
    @DiariosD1Dev 23 วันที่ผ่านมา

    cara muito bom conteudo, mas queria muito uma integração do clerk com next + nest no back end serai top demais.. tá faltando esse conteudo no YT

  • @cesin9
    @cesin9 ปีที่แล้ว +4

    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!!!!👊

  • @laylson
    @laylson ปีที่แล้ว +1

    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
    @reynaldomota3350 ปีที่แล้ว +1

    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
    @markus_dev_cwb ปีที่แล้ว +1

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

  • @Evandrooouuu
    @Evandrooouuu ปีที่แล้ว +1

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

  • @MarcusViniciusAssunçãoSilva
    @MarcusViniciusAssunçãoSilva ปีที่แล้ว +1

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

  • @adspacheco
    @adspacheco ปีที่แล้ว +1

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

  • @diegodba9428
    @diegodba9428 ปีที่แล้ว +1

    estou no agurdo d parte dois mestre lucas

  • @trx_szbr
    @trx_szbr ปีที่แล้ว +1

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

    • @maximartinatto6744
      @maximartinatto6744 ปีที่แล้ว

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

  • @emersontrindade299
    @emersontrindade299 ปีที่แล้ว +1

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

  • @gabrielcarniel
    @gabrielcarniel ปีที่แล้ว +2

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

  • @CSouSa0210
    @CSouSa0210 6 หลายเดือนก่อน

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

  • @snarloff
    @snarloff ปีที่แล้ว +1

    Muito bom!

  • @adrianoalves9073
    @adrianoalves9073 ปีที่แล้ว +1

    Parabéns pelo projeto. Estou aguardando a parte 2

  • @elisemedeiros3642
    @elisemedeiros3642 ปีที่แล้ว +1

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

  • @hoff_mann
    @hoff_mann ปีที่แล้ว +1

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

  • @pelosmeusolhos938
    @pelosmeusolhos938 ปีที่แล้ว +1

    que conteúdo rico, muito obrigado! Inscrito!

  • @alexandrefernandes6086
    @alexandrefernandes6086 10 หลายเดือนก่อน

    que conteudo cheio de conhecimentos parabens!!!!

  • @Leobraic
    @Leobraic ปีที่แล้ว +1

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

  • @witchunterw
    @witchunterw 7 หลายเดือนก่อน

    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
      @witchunterw 7 หลายเดือนก่อน

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

  • @tubalaokk
    @tubalaokk 6 หลายเดือนก่อน

    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.

  • @Marco_Neos
    @Marco_Neos 8 หลายเดือนก่อน

    AULA TOP !

  • @LeviSoares-m1i
    @LeviSoares-m1i 7 หลายเดือนก่อน

    Mano você ganhou maus um inscrito

  • @diegodba9428
    @diegodba9428 ปีที่แล้ว +1

    Queria também filtro de produtos e pagina secundaria

    • @lucasnhimi
      @lucasnhimi  ปีที่แล้ว

      Vou preparar um projeto só desse assunto

  • @klebercoelho
    @klebercoelho 6 หลายเดือนก่อน

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

  • @isaclemos361
    @isaclemos361 11 หลายเดือนก่อน

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

    • @lucasnhimi
      @lucasnhimi  10 หลายเดือนก่อน

      Github copilot

  • @evertonlino2768
    @evertonlino2768 ปีที่แล้ว +1

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

  • @arthurkids237
    @arthurkids237 ปีที่แล้ว

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

  • @maximartinatto6744
    @maximartinatto6744 ปีที่แล้ว +1

    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
      @lucasnhimi  ปีที่แล้ว

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

    • @maximartinatto6744
      @maximartinatto6744 ปีที่แล้ว

      @@lucasnhimi bueno ahora pruebo

    • @maximartinatto6744
      @maximartinatto6744 ปีที่แล้ว

      @@lucasnhimi me sigue sin andar

  • @witchunterw
    @witchunterw 7 หลายเดือนก่อน

    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

  • @willnct7608
    @willnct7608 3 หลายเดือนก่อน

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

  • @Antonio-nn2kq
    @Antonio-nn2kq 10 หลายเดือนก่อน

    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.

  • @Luccas_Alves
    @Luccas_Alves ปีที่แล้ว +3

    "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.

  • @macielmonteiro4483
    @macielmonteiro4483 8 หลายเดือนก่อน

    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
      @jamirluizdossantos1337 5 หลายเดือนก่อน

      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

  • @lucasnhimi
    @lucasnhimi  ปีที่แล้ว +1

    Mais sobre Next.js: th-cam.com/play/PLkFMdTTdI9c0S8waMH60FY7aSv5sLqNyU.html

  • @josefsartori5760
    @josefsartori5760 ปีที่แล้ว +1

    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
      @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
      @yure-ribeiro ปีที่แล้ว +1

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

    • @josefsartori5760
      @josefsartori5760 ปีที่แล้ว

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

    • @yure-ribeiro
      @yure-ribeiro ปีที่แล้ว +1

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

    • @yure-ribeiro
      @yure-ribeiro ปีที่แล้ว +1

      @@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

  • @nelson.costa.dev2536
    @nelson.costa.dev2536 3 หลายเดือนก่อน

    O que aconteceu com o curso...