วีดีโอ

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

Que show de aula!!!

Como eu consigo fazer esse deploy em hostinger por exemplo?

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

O que aconteceu com o curso...

e se a página for Client-component como faz para utilizar o metadata?

Ótima explicação.. obrigada

Semana passada eu inventei de fazer um portfolio pra publicar na azure... a primeira ideia foi fazer com fastapi, mas logo percebi que não era minha melhor ideia pq meu site estatico(porfolio) tinha 10.8MB ... aí lembrei do next,pesquisei e encontrei vc que ta ensinando tudo que eu queria... valeu demais man ! obrigado

Melhor aula de nextjs em portugues do TH-cam

Muito top! Awesome!

Muito bom

Gostei muito da explicação! Parabéns!

sabe qual o problema, é que quanado for fazer o deploy da aplicação essa chave de authenticação vai ficar publica

Falando sobre a explicação do que seria server components e client components, o correto não seria dizer que ambos os componentes são criados no lado do servidor, porém no caso do client component ele é HIDRATADO com JS? Logo não seria incorreto dizer que o client component é criado no lado do client (browser)?

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

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.

Dá undefined quando coloco console.log(process.env.API_KEY);

Faz a parte admin pls :C

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

Lucão...vc é o melhor youtuber de next. Não para.. sua contribuição sempre foi fundamental pra mim, e pra todos...vc é autoridade máxima em next. Obrigado por tudo! Não para brother! Eu tenho direito de desistir. Eu não sou ninguém. Vc é AUTORIDADE EM NEXT. Vc nao pode!

Muito massa entender profundamente como funciona, boas aulas!

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

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]

Muito útil

Pessoal, o meu projeto parou na parte que começa a criar o projeto no Clerk, infelizmente não estou conseguindo prosseguir, fiz o processo que o @showmethecode2677 orientou porem não deu certo para mim, alguém aqui consegue me auxiliar, não queria para pela metade com esse projeto.

Mano você ganhou maus um inscrito

24:39 Estou tentando usar stripe hoje e fica dando erro, dizendo que preciso passar o Baerer token, mas estou fazendo exatamente igual você, ele buscar os primeiros 12 produtos, e quando rola a tela pra baixo dá erro.

Explicação maneira!!! Gratidão 🙏

Fala amigo, tudo certo? O link para a lista de espera não funciona mais?

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 ?

AULA TOP !

cara, você tem a voz do Felipe Grinnan (ele dublou o Roddy de por agua abaixo) kkkkkkkkkk

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.

ensina com java script também pf!!

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.

Vim buscar cobre e encontrei foi ouro kkkkk, tava buscar um projeto simples e rápido e com muito conteúdo.

que conteudo cheio de conhecimentos parabens!!!!

Olá Lucas, tudo bem? Fui seguindo sua explicação e ao usar o comando "npx create-react-app + nome da pasta", foram gerados as pastas: node_modules, public e src e também os arquivos: .gitignore, package.json, package.lock.json, readme.md. Ai não criar o arquivo YARN.lock, por mais que eu tenha o mesmo instalado no notebbok. Se poder me ajudar eu agradeço. Obrigado.

Obrigado pelo conteúdo, @lucasnhimi. Eu tive um problema só com o payment_intent_id, ele tá me retornando quando abro o checkou o seguinte erro: Unknown argument `paymentIntendID`. Did you mean `paymentIntentID`? Available options are marked with ?. Você teria alguma luz para eu conseguir avançar?

O que aconteceu com o curso? A landing page está fora do ar.

Muito bom. Dá pra usar esse método server em várias situações. Poréeemmmm... Gostaria muito de ver como você limparia o input desse form depois do submit no modo 'server'. Infelizmente não estou conseguindo achar essa solução..

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.

Faltou mostrar de onde você tirou a url no minuto 7:51 ai tá de sacanagem

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

fiz o deploy td certinho e aparece ate a imagem da pagina no deployment junto com o bortao visit, configurei o domain tbm td certinho...porem qnd clico pra entrar na pagina abre so uma tela preta no navegador....detalhe comprei o dominio faz mais ou menos uma hora...sera tem a ver com isso?

Mas isso não funciona para as redes sociais... correto?

gostaria muito de saber como eu posso usar o npm run build nesse projeto, por favor

Lucas é possível fazer filtros via server side? Por exemplo: tenho um componente onde está uma tabela de usuários (users.tsx) e um outro componente com um input por exemplo para pesquisar pelo nome (filters.tsx). Existe uma forma simples de fazer com que o que ao clicar no botão pesquisar do filters.tsx ele acione o refetch ou revalidate no users.tsx mas agora fazendo a pesquisa com os dados vindos da filtragem? Eu tentei fazer isso mas só consegui pensar em algo como useRef ou um contextProvider e ambas opções me forçar a transformar os componentes em client, o que eu não queria (principalmente o users.tsx ou no caso o pai de ambos que seria o page.tsx onde importo os 2 para montar a interface), tentei fazer com uma store do Zustand e de fato ele não me força (a princípio) converter os componentes pra client, porém não consigui fazer com a server action fosse revalidada ao identificar que o "filters" foi modificado, consegui fazer algo parecido com o React Query, pois também passo o filters como parte da queryKey, então quando ele nota que algo mudou ele automaticamente inválida ela e faz o refetch. Existe uma forma de fazer algo parecido usando esse conceito que você mostrou ou eu realmente preciso de algo como o react query neste caso?

Muito bom o vídeo. Obrigado pelo conhecimento. Ressalto apenas alguns pontos importantes. Todos os componentes do Nextjs são renderizados primeiramente no servidor (nodejs), independentemente de serem server components ou client components. A diferença entre um e outro é a questão da hidratação. Os clients components precisam ser hidratados com javascript, enquanto os server components não. "A hidratação no Next.js é um conceito fundamental que se relaciona com a renderização do lado do servidor (SSR - Server-Side Rendering) e a renderização do lado do cliente (CSR - Client-Side Rendering) em aplicações web. No Next.js, a hidratação refere-se ao processo pelo qual uma página renderizada no servidor é "hidratada" no cliente. Isso significa que, após a página inicial ser renderizada no servidor e enviada para o navegador do usuário como HTML, o JavaScript no cliente é ativado e assume o controle da página, tornando-a uma aplicação interativa."

parabéns Lucas! didática incrível