Nossa parece que vcs tem uma bola de cristal, estava procurando conteúdo sobre serverless para poder fazer um teste prático de uma entrevista, e vcs hj me aparecem com o vídeo com tudo que eu precisava pra aprender, muito bom, vcs são demais
To procurando ultimamente muito conteudo tbm de React, SSR, e Serverless, Procurando uma vaga pra iniciar na area.. A rocketseat ta me ajudando bastante
Gratidão pela ajuda!!!! Meu grupo de PI e eu, estamos desenvolvendo um site, e estamos procurando a melhor maneira de jogar na web. Sua ajuda foi maravilhosa!!! Gratiluz 💖
Falaaa Diego. Cara, reparei que vc tem alternado entre alguns browsers (Chrome, Edge e mais recentemente o Vivaldi). Poderia comentar um pouco sobre a experiência que teve e o que te fez mudar de um para o outro? Grande abraço!
Infelizmente o UA-cam ão tem a funcionalidade de curtir 1000X, muuuuuiiitoo bom. Mais uma vez a Rocketseate trazendo conteúdos importantes de forma pratica e direta sem enrolação.
Faala Gabriel! Valeeu pela sugestão! Você pode ver também no canal do Guilherme Rodz da nossa equipe, ele fez um vídeo mostrando a personalização dele e é bem semelhante também! 💜
Sensacional. Nunca tinha ouvido falar dessas serverless functions. Obrigado pela aula e pelo material. Gostaria de saber se consigo usar isso em hospedagens estáticas, como a do GitHub, por exemplo. Não sei se ter request/response já classifica a página como dinâmica, mesmo que sem um backend configurado. Parabéns pelo trabalho, vocês são 👌.
Caraca, top demais! Só não ficou claro o que acontece se o usuário acessar /api/subscribe. Ele conseguiria ver essa rota? Ou a Vercel reconhece essa rota e oculta ela. E tem algum custo a Vercel executar essa função serverless?
Infelizmente a rota fica exposta para acesso, se um usuário qualquer bater em api/subscribe, ele conseguirá executar a function, mas o código em si está do lado do servidor, consequentemente não está exposto. Então o ideal é, fazer as tratativas de segurança nas próprias functions.
Fala Diegão, que conteúdo foda, como sempre ✨. Eu to pretendendo desenvolver um blog com o SSG do Nextjs. Tem como integrar o Graphql nessas funções? Ou é mais recomendável usar HTTP de forma crássica? Um abraço e sucesso pra vcs da Rocket!
Eu estava olhando o site da Rocketseat e percebi que vocês usam uma especie de transição quando o usuário aperta o botão de "esqueci a senha" . Vocês poderiam fazer um tutorial de como fazer isso, eu pesquisei na internet mas n achei algo que me agradou tanto como o do site de vocês, e se por um acaso já ensinaram, por favor me enviem o link, desde já agradeço.
Galera, gostaria de saber se é possível criar uma serveless function que envia um email pro dono do site avisando que alguém preencheu o "Fale conosco" e hospedar isso grátis na vercel
Olá galera da Rocket... obrigado por esse vídeo... tenho uma pergunta: como seria para um cliente( freelancer) que precisa receber esses emails e anotar, no vídeo os emails são gravados pelo mongo no site deles, mas o cliente não saberia usar o site do mongo...
Excelente vídeo Diego! Acho que em relação as variáveis de ambiente na vercel, pode-se dizer também que existe a possibilidade de fazer um vercel env pull Dessa forma você consegue manter os ambientes de dev sincronizados entre os desenvolvedores. Além disso, caso você queira manter alguma chave secreta não é recomendado fazer isso em arquivos que serão versionados e em tempo de desenvolvimento você pode colocar essas informações no arquivo .env.local que não será vercionado mas que que o next carrega automaticamente. Por último, tudo que você coloca no .env e versiona é compartilhado entre todos os ambientes. Se for algo para um ambiente apenas você deve usar o .env.development ou .env.production Sobre o uso do chakra-ui, eu recomendo que veja o que os cara do stitches.dev/ conseguiram fazer. Na minha opinião eles conseguiram resolver todos os pontos falhos do theme-ui e do chakra-ui. ;)
Gente eu sou meio novato e tals e queria saber se é possível usar esse mesmo cluster do mongo em aplicações em produção Obs: Seria mais para aprender a pôr o servidor online
Faala, Eduardo! O Diego chega a comentar no vídeo mesmo, que pode ser usado, mas vale lembrar que ele tem um certo limite, então depende muito do que vai usar nele! 💜
Se você precisar de uma integração como ele exemplificou, coisa simples, só salvar um dado em um banco, as serverless functions são mais indicadas. Em uma api convencional, você teria que criar todo o backend e ainda procurar uma hospedagem.
Faala, Matheus! O Marcelo resumiu bem a diferença, como o Diego chegou a comentar no início do vídeo também. É sempre indicado para funções simples. 💜💜
Rocketseat, faça um vídeo sobre o Blitz.js, o Diego até falou sobre já em alguns vídeos, tem uma pegada bem legal de ser um projeto React Fullstack, e usa o Prisma pra parte de Database, seria um conhecimento bem legal
Gostei disso mas infelizmente pra mim não adiantou... criei um projeto que usa a api da cptm (sistema de tens de sp) pra pegar o estado das linhas (metro, cptm, via quatro e mobilidade) porem a desgraça da api usa http e nao https dai por algum motivo com o heroku funciona dai fui obrigado a afazer uma api que faz um request pra url da cptm pra depois eu fazer o request via https na url da heroku, alias se alguem souber como resolver agradeço. segue aqui o github do backend (com funçoes ainda nao implementadas no front como listagem das estacoes) e o front sigmagf/sptrains sigmagf/sptrains-api (sim eu sei que ta tudo bem cagado, mas to ainda estudando e o backend pretendo mudar pra um solid, mas primeiro tenho que achar um jeito que eu goste de estruturar os arquivos do solid, ignorem os nomes dos comits, na pratica nao to me importando muito com os nomes, apenas estou fazendo deploy mesmo)
Conteúdo sempre top! Por favor façam um code drops sobre offline first com watermelondb no rn e react web. Tá complicado até de achar conteúdo gringo sobre isso :(
Faala, Jordão! Temos um post no blog dando todos os detalhes da config. Segue o link: blog.rocketseat.com.br/terminal-com-oh-my-zsh-spaceship-dracula-e-mais/
Faala, dev! Foi alguma dificuldade técnica? Se estiver começando há pouco tempo, talvez a semana Omnistack tenha sido um pouco avançada demais, pois lá não tínhamos ainda trilhas diferentes para quem estava mais avançado ou iniciando. Agora nós temos a NLW no lugar da antiga Semana Omnistack, e nela temos trilhas de diferentes níveis para cada pessoa com base no conhecimento prévio que ela possa ter. Dá mais uma chance para a nossa área! E pode sempre contar com o nosso time para te dar suporte lá no evento também! Fica de olho nas nossas redes que logo anunciaremos mais detalhes da próxima edição!! 💜💜💜
E aí cara! Ainda está desanimado com a área? Se quiser bater um papo ou precisar de uma ajuda pra começar, tô aqui. Eu acredito que programação é pra todo mundo que tem vontade de programar, então se essa área te interessa, não deixe de acreditar em si. Eu mesmo cometi esse erro no passado e me arrependo muito. Agora, se perceber que realmente não está tão a fim dessa área, tudo bem também. Vá pra onde seu coração mandar. Mas se ele mandar pra área de programação, estamos aqui pra ti! Caso queira conversar, posso te passar meu wpp ou LinkedIn pra trocarmos uma ideia. Forte abraço!!!
Rapaz essa Rocketseat é foda mesmo. Todo dia uma coisa nova que abre um mundo de oportunidades, eu fico até sem saber o que fazer com tantas opções.
Valeeeu Andres! Vocês que lutem com tanto conteúdo hahaha. Mas brincadeiras à parte, cuida para focar no que te for mais útil no momento! 💜💜
Nossa parece que vcs tem uma bola de cristal, estava procurando conteúdo sobre serverless para poder fazer um teste prático de uma entrevista, e vcs hj me aparecem com o vídeo com tudo que eu precisava pra aprender, muito bom, vcs são demais
Hahahaha quem sabe a gente não tem mesmo uma 🔮😎
To procurando ultimamente muito conteudo tbm de React, SSR, e Serverless, Procurando uma vaga pra iniciar na area.. A rocketseat ta me ajudando bastante
Como sugestão: depois faz um vídeo com formulário de login no nextjs, com backend em nodejs
Gratidão pela ajuda!!!!
Meu grupo de PI e eu, estamos desenvolvendo um site, e estamos procurando a melhor maneira de jogar na web.
Sua ajuda foi maravilhosa!!!
Gratiluz 💖
Vercel revolucionando totalmente o desenvolvimento front-end com o Next.js. Top!
Demaais!! 🚀🚀
Vercel como sempre revolucionando! Diego, se possivel traga mais vídeos sobre o mesmo
Abraços!
Verdade! hahaha. Valeeu Robson, traremos sim!! 💜💜🚀
Falaaa Diego. Cara, reparei que vc tem alternado entre alguns browsers (Chrome, Edge e mais recentemente o Vivaldi). Poderia comentar um pouco sobre a experiência que teve e o que te fez mudar de um para o outro? Grande abraço!
Faala, Douglas! Valeu pela pergunta!! #PR 💜
Eu fiquei fascinado com este conteúdo!
Q massa mano, bem mão na massa mesmo. Obrigado!
Diego é fera demais mano!!!
3:36 ⏸👁
Hahaha 👀
Muito top, estou em um projetinho com vercel e ajudou muito isso.
Que show Carlos! Vercel tá demais mesmo! 💜
Infelizmente o UA-cam ão tem a funcionalidade de curtir 1000X, muuuuuiiitoo bom.
Mais uma vez a Rocketseate trazendo conteúdos importantes de forma pratica e direta sem enrolação.
Hahaha Valeeeeeeeeu Jefferson! 💜💜😍
Fala Diego, o que acha de um vídeo instalando uma distribuição linux e configurando? Achei muito massa a sua personalização.
Faala Gabriel! Valeeu pela sugestão! Você pode ver também no canal do Guilherme Rodz da nossa equipe, ele fez um vídeo mostrando a personalização dele e é bem semelhante também! 💜
Sensacional. Nunca tinha ouvido falar dessas serverless functions. Obrigado pela aula e pelo material. Gostaria de saber se consigo usar isso em hospedagens estáticas, como a do GitHub, por exemplo. Não sei se ter request/response já classifica a página como dinâmica, mesmo que sem um backend configurado. Parabéns pelo trabalho, vocês são 👌.
Excelente!!!
Muito bom. Parabéns! Realmente muito prático, sem burocracias de publicação etc :D
Siiim! Valeeu pelo feedback, Everton! 💜💜
Fala Diego. Super aula, muito top. Se eu usar React-Native ao invés de ReactJs, funcionaria na Vercel ?
Manoo que conteúdo bom. Só uma dúvida: como eu faria para verificar se o email já existia no meu banco
Caraca, top demais!
Só não ficou claro o que acontece se o usuário acessar /api/subscribe. Ele conseguiria ver essa rota? Ou a Vercel reconhece essa rota e oculta ela.
E tem algum custo a Vercel executar essa função serverless?
Não exatamente assim, a Vercel mapeia essa rota pra /subscribe por exemplo.
@@davisuga não entendi 😬😬
A questão é se dá para ver o código no browser como qq outro arquivo js ou se isso fica só do lado do servidor msm
@@gfrsolutions8042 exatamente! faltou explicar isso no vídeo!
Infelizmente a rota fica exposta para acesso, se um usuário qualquer bater em api/subscribe, ele conseguirá executar a function, mas o código em si está do lado do servidor, consequentemente não está exposto. Então o ideal é, fazer as tratativas de segurança nas próprias functions.
Fala Diegão, que conteúdo foda, como sempre ✨. Eu to pretendendo desenvolver um blog com o SSG do Nextjs. Tem como integrar o Graphql nessas funções? Ou é mais recomendável usar HTTP de forma crássica? Um abraço e sucesso pra vcs da Rocket!
melhor conteudo da internet
Valeeeeeu Vini!! 💜💜
Muito show essa ideia com next. Mas daria pra usar com postgrees sql?
Faala Diego. Com esse recurso de serveless functions eu consigo, por exemplo, listar esses dados inseridos no mongodb e mostrar na interface?
Fala Anderson, beleza? Você descobriu se é possível? Estou com a mesma dúvida heheh
@@rafaeldias1343 opa, ainda não 😕
@@andersonmelo1735 é possível sim mano, acabei de descobrir lkkk
Ótima abordagem, como ficaria a questão de uma página de "Contato" que faria um envio de e-mail?
Só criar a function que envia o email
Uma dúvida... agora não é mais NowRequest e NowResponse? E sim VercelRequest e VercelResponse?
Eu estava olhando o site da Rocketseat e percebi que vocês usam uma especie de transição quando o usuário aperta o botão de "esqueci a senha" . Vocês poderiam fazer um tutorial de como fazer isso, eu pesquisei na internet mas n achei algo que me agradou tanto como o do site de vocês, e se por um acaso já ensinaram, por favor me enviem o link, desde já agradeço.
Faala, Guilherme! Valeeu pela sugestão! 💜💜
Massa Diegão, mas seria mais legal ainda se desse continuidade nesse projeto. valeu!
Boaa! Valeeu pela sugestão, Paulo! 💜💜
Galera, gostaria de saber se é possível criar uma serveless function que envia um email pro dono do site avisando que alguém preencheu o "Fale conosco" e hospedar isso grátis na vercel
Muito top este video, teria algo parecido com envio de anexo, input type="file"?
Conteúdo muito bom. Continue a trazer mais conteúdo nextjs, integrar com o github etc
Faala, João! Traremos sim!! 💜💜
cada rota fica obrigatoriamente em um arquivo separado dentro da pasta api ?
Olá galera da Rocket... obrigado por esse vídeo... tenho uma pergunta: como seria para um cliente( freelancer) que precisa receber esses emails e anotar, no vídeo os emails são gravados pelo mongo no site deles, mas o cliente não saberia usar o site do mongo...
O cliente não precisa ter acesso ao banco, você pode salvar os dados no banco e consumir em outra interface que só o cliente possa acessar
diego, essa extensão de chrome que vc usa p/ visualizar json, tem um tema dracula tb, basta clicar no ícone de engrenagem
quase fiquei cego aqui xp
Faala, Eber! Verdade, o pior é que ele usa haha. Provavelmente esqueceu de ativar ao mudar de computador! 😅😅
Insano
Curtiu, Allan!? 💜
muito top o conteúdo
Valeeeu Pedro!! 💜💜
@@rocketseat eu tenho 12 anos e programo des dos 11 anos. e acompanho vcs faz tempo
Consigo executar fora da vercel? Usando next start?
Adoro os CodeDrops
Valeeeeu Ilannildo!! 💜💜
Top! Qual o nome da música da introdução? hahaha
Metralhadora de conhecimento rs to me sentindo baleado rs gostei! rs
Hahahaha 😄 boraa! 🚀
Isso me lembra cloud functions da firebase. Tem alguma semelhança?
Pq a fonte n funfa quando lanço o deploy na vercel?
o conteudo de voces eh sensacional dms
Valeeeeeu Leo! 💜💜
Muito bom, obrigado pelo conhecimento!!
Faaala, Edinho! Valeu demais! 🚀 💜
Mano, que música lovetimes na introdução kkkk
Hahaha 💜
Top!
Valeeeu Junior!! 💜💜
let cacheDb... 22:15 tem como fazer de um jeito que gere o mesmo resultado fazendo em Javascript? e não em Typescript
Só não utilizar as tipagens.
Como faz para trazer os dados no response?
QUal navegador o diego usa?
O Vivaldi! 💜
Qual é a distro linux que voce está usando?
Acredito q seja KDE mas quero saber dele também
@@vini6 o setup ta bem clean, curti
Muito provável que seja o Kubuntu. Ele mostrou em uma live um tempo atras, é o Ubuntu com o KDE.
@@PinheiroPaulo Topper
Faala, Kaluã!! É o Ubuntu com KDE mesmo como a galera comentou! 💜
Muito top 👍
Faala, Zev! Valeeeu 💜💜
Alguém sabe qual é o tema do ZSH do Diego?
finalmente o next, né. Tava demorando
Hahaha 😄😄
Excelente vídeo Diego!
Acho que em relação as variáveis de ambiente na vercel, pode-se dizer também que existe a possibilidade de fazer um
vercel env pull
Dessa forma você consegue manter os ambientes de dev sincronizados entre os desenvolvedores.
Além disso, caso você queira manter alguma chave secreta não é recomendado fazer isso em arquivos que serão versionados e em tempo de desenvolvimento você pode colocar essas informações no arquivo .env.local que não será vercionado mas que que o next carrega automaticamente.
Por último, tudo que você coloca no .env e versiona é compartilhado entre todos os ambientes.
Se for algo para um ambiente apenas você deve usar o .env.development ou .env.production
Sobre o uso do chakra-ui, eu recomendo que veja o que os cara do stitches.dev/ conseguiram fazer.
Na minha opinião eles conseguiram resolver todos os pontos falhos do theme-ui e do chakra-ui.
;)
Faala, Jiles! Valeeu pelas dicas!! 💜💜
Gente eu sou meio novato e tals e queria saber se é possível usar esse mesmo cluster do mongo em aplicações em produção
Obs: Seria mais para aprender a pôr o servidor online
Faala, Eduardo! O Diego chega a comentar no vídeo mesmo, que pode ser usado, mas vale lembrar que ele tem um certo limite, então depende muito do que vai usar nele! 💜
Boaaa, tava justamente estudando next
Boaa Alex! Só vai!! 🚀🚀
Quando utilizar um servidor api convencional ao invés das serverless functions?
Se você precisar de uma integração como ele exemplificou, coisa simples, só salvar um dado em um banco, as serverless functions são mais indicadas. Em uma api convencional, você teria que criar todo o backend e ainda procurar uma hospedagem.
Faala, Matheus! O Marcelo resumiu bem a diferença, como o Diego chegou a comentar no início do vídeo também. É sempre indicado para funções simples. 💜💜
Rocketseat, faça um vídeo sobre o Blitz.js, o Diego até falou sobre já em alguns vídeos, tem uma pegada bem legal de ser um projeto React Fullstack, e usa o Prisma pra parte de Database, seria um conhecimento bem legal
Faala, Apholo! Valeeu pela sugestão! 💜💜
Alguem sabe se funciona em servidor php?
top demais, passou tão rápido que eu nem vi kkkkkk
Valeeeeeu Patrício!!! 💜
Finalmente o Next! 🔥
Chegoooou. E em breve teremos ainda mais conteúdos dele! 💜💜
Gostei disso mas infelizmente pra mim não adiantou... criei um projeto que usa a api da cptm (sistema de tens de sp) pra pegar o estado das linhas (metro, cptm, via quatro e mobilidade) porem a desgraça da api usa http e nao https dai por algum motivo com o heroku funciona dai fui obrigado a afazer uma api que faz um request pra url da cptm pra depois eu fazer o request via https na url da heroku, alias se alguem souber como resolver agradeço.
segue aqui o github do backend (com funçoes ainda nao implementadas no front como listagem das estacoes) e o front
sigmagf/sptrains
sigmagf/sptrains-api
(sim eu sei que ta tudo bem cagado, mas to ainda estudando e o backend pretendo mudar pra um solid, mas primeiro tenho que achar um jeito que eu goste de estruturar os arquivos do solid, ignorem os nomes dos comits, na pratica nao to me importando muito com os nomes, apenas estou fazendo deploy mesmo)
Conteúdo sempre top! Por favor façam um code drops sobre offline first com watermelondb no rn e react web. Tá complicado até de achar conteúdo gringo sobre isso :(
Faala, Gui! Valeeu pela sugestão! 💜💜
Ensina a configurar o terminal igual o seu Diego !
Faala, Jordão! Temos um post no blog dando todos os detalhes da config. Segue o link:
blog.rocketseat.com.br/terminal-com-oh-my-zsh-spaceship-dracula-e-mais/
Fudido como sempre! só conteudo monstro!
Hahaha Valeeu César! 😄💜
Qual sistema operacional que o Diego está usando?
Kubuntu 20.04
Fala, Igor! Ele está usando o Ubuntu com KDE Plasma ! 💜
Cara, eu acho muito bonito isso mesmo... Mas não consigo programar nada
Desde a Semana OmniStack do começo do ano percebi que não nasci para isso
Faala, dev! Foi alguma dificuldade técnica? Se estiver começando há pouco tempo, talvez a semana Omnistack tenha sido um pouco avançada demais, pois lá não tínhamos ainda trilhas diferentes para quem estava mais avançado ou iniciando. Agora nós temos a NLW no lugar da antiga Semana Omnistack, e nela temos trilhas de diferentes níveis para cada pessoa com base no conhecimento prévio que ela possa ter. Dá mais uma chance para a nossa área! E pode sempre contar com o nosso time para te dar suporte lá no evento também!
Fica de olho nas nossas redes que logo anunciaremos mais detalhes da próxima edição!! 💜💜💜
E aí cara! Ainda está desanimado com a área? Se quiser bater um papo ou precisar de uma ajuda pra começar, tô aqui.
Eu acredito que programação é pra todo mundo que tem vontade de programar, então se essa área te interessa, não deixe de acreditar em si. Eu mesmo cometi esse erro no passado e me arrependo muito. Agora, se perceber que realmente não está tão a fim dessa área, tudo bem também. Vá pra onde seu coração mandar. Mas se ele mandar pra área de programação, estamos aqui pra ti!
Caso queira conversar, posso te passar meu wpp ou LinkedIn pra trocarmos uma ideia.
Forte abraço!!!
duração do video ta igual a porta que o diego sempre usa no backend
Hahahah é verdade! Boa Bruno!! 😄😄
🚀🚀🚀
💜🚀🚀
Parei o que eu estava fazendo pra fazer isso, não creio que saiu esse vídeo estava escutando um podcast sobre Next.js ainda hoje. . .
Hahaha 🔮😄
Qual o nome desse navegador que o Diego está usando?
Vivaldi, em vivaldi.com/pt-br/
Vivaldi.
Ele tá usando até sair o edge pro linux.
@@robsong6689 vlw.
💜💜
Qual browser é esse que está utilizando?
Vivaldi
Faala, Gustavo!! É o Vivaldi! 💜
Qual o navegador do Diego?
Vivaldi, em vivaldi.com/pt-br/
Vivaldi.
Ele tá usando até sair o edge pro linux.
@@robsong6689 Ah sim. Comecei a usar o Edge por causa dele kkk. Pensei que iria ter que trocar de novo.
Boa Robson! Isso mesmo 😄
Irado
Valeeeu Felipe! 💜