React/Next.js - Deploy de Apps na AWS (Sem Vercel) - Code/drops #70

[@guilhermerocha6739]

Seria interessante trazer mais conteudos sobre cloud, principalmente da AWS, sobre ecs, ami, s3 e outros

[@rocketseat]

Sugestão anotada, Gui! Valeu demais! 💜

[@IsaiasNhantumbo]

Estou precisando disso também.😊

[@xikorox1]

@@rocketseat iria me ajudar muito quero tirar o certificado de aws developer !!

[@account-vj2tx]

Esta é a opinião de todas as pessoas que conseguem avançar como DEV nas aulas e cursos que fazemos. Aprendemos a desenvolver mais muito, muito, mais muito pouco como colocar em produção da maneira certa, ssl, segurança e tals... acredito que este seja o motivo de muita gente desistir de desenvolver, pois se vê perdido na hora de colocar as aplicações em nuvem!

[@cleyxds]

meu deus a quantidade de informação nesse vídeo e ainda free, parabéns pra Rocketseat 👏👏

[@rocketseat]

Faaaala, dev! Curtiu!? Valeu demais! 😍 💜

[@vitoborba2620]

@@rocketseat realmente, até hoje tudo que eu não tinha entendido de como as coisas funcionavam pela parte do back-end eu entendi em 40 min de video... quase chorei cara.

[@quio7]

Ele voltou 😍 Bem vindo de volta code drops hahaha

[@rocketseat]

Boa! HAHAHAHA Valeu demais pela recepção, Cristian! 💜 🤣

[@eltonmarques2]

Obrigado Deus, os vídeos técnicos voltaram 🥳🥳🥳🥳

[@rocketseat]

Voltaraaaam, Elton! 😍 💜

[@cleysonsilva1828]

Só queria entender como um vídeo desse tem tantas visualização e as pessoas não curtem... POXA, top! Obrigadão

[@franciscomenezes6970]

Eu não imagino minha vida de Dev sem a @rocketset, é muita informação na faixa!

[@felipe_marcolin]

Nem acredito que saiu

[@rocketseat]

SAIU! 💜 😍

[@andreyarthur3409]

Finalmente o melhor quadro voltou!!!!!!!!!!!!!!!!

[@rocketseat]

Voltamos com tudo, Andrey! 💜 😍

[@evemontalvao5557]

Eu tava procurando algo do tipo ONTEM, vcs leram meus pensamentos

[@rocketseat]

Temos esse poder às vezes... 👀 💜 🤣 Curtiu o conteúdo? 😍

[@goncalvespilicue7107]

Wow! It works! The first time i tried it took forever to activate and when I disabled my antivirus it worked like in less than a minute! Thanks bro!

[@KevinMadalossoVeiga]

mais um excelente vídeo Diego! Obrigado!!!

[@luancardosolc]

Parabéns pela aula, sempre com conceitos complexos muito bem explicados de forma simples!

[@hugonaamancastro5824]

Por favor, continuem colocando conteúdo no code drops. Sou muito fã 💜.

[@dieegosf]

Pode deixar!

[@hugonaamancastro5824]

@@dieegosf Mano, tô fazendo aquele ciclo do cronograma que te mandei no Discord. Tem dado super certo, tô caminhando devagar mas to seguindo. Tô indo pro capítulo três da trilha de NodeJS e bem satisfeito com o resultado. Inscrição tá feita lá pra NLW: Together 🚀

[@dieegosf]

@@hugonaamancastro5824 Bora pra cima!

[@xsamuelx3603]

AAAAAAAAA finalmente voltou, mds que saudades de um code drops. Pedro Fecilidades :D

[@cleberandreazza]

Veio grande Diegoo!!! Muito obrigado

[@GuilhermeLima-md3ci]

Fantastico! Realmente muito bom.

[@RicardoSantos-wl1bg]

Top de mais Diego! Muito completo, obrigado por compartilhar este baita conhecimento!

[@sinhuu.s2]

esse cara é uma lenda mds

[@gustavoxavierribeiro3803]

found actually helpful for people started from scratch

[@viniciussantana8223]

Just bought signature edition and tNice tutorials tutorial I've watched a few tis. Am having a blast atm lol

[@cesarfilho9930]

Seria legal mostrar mais conteúdos com testes automatizados de frontend e backend.

[@rocketseat]

Sugestão anotadíssima, Cesar! 💜

[@mauriciom8539]

legal que a lib faz tudo, mas senti mta mágica e pouco conteúdo de fato. Apesar de tu mostrar o fluxograma bem montado.

[@marciusbezerra]

TOP!! A VOLTA!

[@rocketseat]

SIM! Voltamos com tudo, Marcius! 💜

[@brunosonego2345]

Excelente vídeo 👏👏👏 Uma dica de vídeo que eu gostaria de ver é como fazer deploy de um projeto feito em Next JS em uma VPS. Tenho muita dificuldade e curiosidade nesse assunto. Abraços ✌️😁

[@dieegosf]

Como mencionei no vídeo, usando em uma VPS você perde grande parte dos benefícios do Next.js na parte de geração estática, o deploy dai funciona da mesma forma que o deploy de uma aplicação Node.js, o Next.js vai funcionar da mesma forma.

[@brunosonego2345]

@@dieegosf muito obrigado pelo retorno Diego. Por mim eu hospedo na vercel. O problema é meu parceiro que é mais cabeça dura rs. Abraços ✌️😁

[@AndreMR]

e cá estamos em 2022 e o aws amplify suporta nextjs, com toda a infra lambda edge e cloudfront. só linkar o projeto nextjs do github pro amplify e a mágica acontece praticamente sozinha. talvez seja a aws jogando contra seu próprio cliente (vercel) mas... peixe maior sempre come o menor mesmo. :p

[@gersooonn7452]

explica mais sobre isso, bem interresante..

[@magnosantos6725]

So informative, thanks a lot!

[@rbltv]

queeeeeee demaisss

[@andrealexandredecarvalho6847]

I've been playing on garageband for a couple weeks and just got the trial of softs. I was worried there wouldn't be any clear tutorials, but

[@filltechnology1246]

💜 mano pode parecer mentira mas tudo que sei hoje devo a #Rocketseat sobre nodejs vanilaJs etc... Estou aprendendo nextjs parabéns pelos 4 anos yazalde aqui 💜...

[@rocketseat]

Woow! Que massa, Yazalde! 😍 Gratificante demais pra nós lermos esse tipo de comentário! 💜

[@mauriciom8539]

fiquei chateado porque pensei que iria configurar os serviços da amazon pra gente ter noção de como configurar. Não atendeu minhas expectativas usar essa lib serverless, mas obrigado pelo vídeo.

[@jmarcio3813]

That was great. Thank you.

[@Matheus-wv6xn]

Fala sobre o AWS Amplify, Diegao

[@luigiminardim]

Minha empresa vai provavelmente fazer o deploy fora da Vercel porque ela possui limite de projetos colocados sob um mesmo repositório. Aí ficaria 2000$ na Vercel e na AWS, com alguns ajustes, não passa de 100$

[@carlosroberto-gv2wv]

Solução: > npm install -g serverless@2.72.2 > serverless --version > serverless --debug

[@heudersena]

Fala Diego, ai sim saudades de suas aulas por aqui. Então cará como seria para criar subdomínio dentro da versel. Sugestão de conteúdo = React Native com aplicação realtime de geolocation funcionando mesmo que o aplicativo esteja fechado, ou seja, rodando em background mesmo se a aplicação estiver totalmente fechada. Abraços.

[@andersonmendes6610]

Seria ótimo mesmo, estou precisando de uma app com essas características

[@augustofaria2751]

?? Tem vídeo para deploy em outras plataformas além da vercel ou aws. Exemplo servidor próprio e Azure 🙄😞

[@itzlvkss]

Dúvida... Por padrão ele cria um bucket no Norte da Virgínia, é possível criar um bucket em sp? Tentei criar o bucket antes, mas quando uso a região de sp ele da acesso negado.

[@carlosroberto-gv2wv]

Um show !!! Diego irmão tem como no atualizar esse conteúdo ? existem algumas mudanças com o serverless frame ?

[@ygortf]

eu estaria infligindo o fair usage da vercel ao publicar um site institucional de um produto comercial? no caso, a venda do produto nao seria feita por la

[@dieegosf]

Nem um pouco.

[@victorross5524]

Diego, poderia trazer conteúdo referente a deploy de backend com bds do tipo PostgreSQL ou qualquer bd de produção? Tenho muita dificuldade, e não consigo achar bons tutoriais sobre isso. Falhei em fazer o deploy da NLW3 por conta disso rsrs. Forte abraço

[@dieegosf]

Opa Victor, já tem um vídeo sobre isso: kzbin.info/www/bejne/f3Ssq2iaepiLnMk

[@IsaiasNhantumbo]

O vídeo esta muito massa.👌 Seria possível um code/drops com a feature internationalization do Nextjs. Abraços ✌️

[@principe.borodin]

A aws anunciou semana passada SSR no amplify.

[@dieegosf]

Massa demais, vou procurar ler sobre.

[@principe.borodin]

@@dieegosf segue os links aws.amazon.com/pt/about-aws/whats-new/2021/05/aws-amplify-hosting-announces-server-side-rendering-support-for-next-js-web-apps/ aws.amazon.com/pt/blogs/mobile/host-a-next-js-ssr-app-with-real-time-data-on-aws-amplify/

[@rocketseat]

Valeu demais por compartilhar com a gente, Igor! 💜

[@poolcity]

Diegão, conteúdo nota 10, muito obrigado!!! Agora a perguntinha: Sabe se a Vercel faz o mesmo nível de otimização da aplicação quando utilizando o Nuxtjs ao invés do Nextjs?

[@dieegosf]

Infelizmente não sei dizer, Anderson.

[@diegoteixeira7492]

Fala Diego! Fiquei com só uma dúvida aqui na parte de precificação. No cloudfront, quando fazemos a invalidação de cache nós temos que pagar uma taxa por url invalidada, sabe dizer como fica essa questão quando usamos o getStaticProps?

A AWS liberou o suporte ao server-side do Next.js no Amplify. Então eu queria saber qual a diferença do Amplify para o CloudFront? Queria essa informação para saber qual o melhor dependendo do projeto.

[@dieegosf]

Eu não consegui ver muito a fundo, mas pelo que li tem coisas que não são ainda suportadas de maneira nativa como a parte de internacionalização, otimização de imagens e até o incremental static regeneration, então ainda acho que não cobre todos casos de uso do next.js

@@dieegosf Agora li meu texto, esqueci de escrever Amplify no começo kkkk. O correto seria "A AWS liberou o suporte ao server-side do Next.js no Amplify". Editei o comentário.

[@alitonoliveira1700]

Muito massa! Falta fazer o mesmo com a GCP, com a cloud Run.

[@rocketseat]

Sugestão anotadíssima! 💜

[@studentcodrity2232]

how do i add a i downloaded to my soft soft so i can resetup it?

[@dvdgames393]

Quando volta os clones do Rodes?

[@dieegosf]

Calma calma, uma coisa de cada vez.

[@novosys-inteligenciaempres7178]

Olá, no meu caso tenho um projeto com back-end, front-end e mobile separados. O back-end e o front-end foi gerado com o nodejs e react, ja o mobile foi gerado com o expo que são 1 projeto dividido em 3 partes que utiliza-se do mesmo BD e mesma API. Posso subir o projeto de uma só vez ou pre3ciso fazer o procedimento nas 3 partes?

[@dheymesena8286]

obg pelo conteúdoo

[@rocketseat]

💜

[@jeanrodrigues6249]

array

[@carlosdaviddev205]

Senti falta do code drops de React Native

[@dieegosf]

Logo vem também :)

[@thalesaugusto9146]

How's it going? Did you learn how to use it?

[@niltonschumacherfilho3368]

Qual o tema do terminal zsh?

[@moisesdematosgil7860]

Poderia rolar um video desse para o Azure Functions... Eu particularmente acho muito mais elegante a cloud da Microsoft...

[@antonioc57]

Seria possível implantar o Nextjs no Azure seguindo esta mesma metodologia ?

[@AdsonCicilioti]

Diego o AWS Amplify não seria uma boa alternativa também?

[@dieegosf]

O Amplify não implementa todas as features do Next.js como temos na Vercel ou na estratégia que mostrei.

[@iujiujisato807]

Uma dúvida, se eu contratar a vercel eu posso colocar 10, 20 ou 30 projetos diferentes na mesma conta? Nesse momento eu estou buscnado uma arquiterura AWS justamente pq achei que seriam 20 dolares cada projeto, o que é um custo relativamente alto

[@danilosouza272]

I'm brazilian, my english is not good at all, but I understood

[@DhenysonJhean]

S2

[@rocketseat]

💜

[@paulojalowyj5369]

💜

[@rocketseat]

💜

[@digoburiemse]

Só da deploy no firebase, tem o código até nos exemplos oficiais do next js e bota o cloudflare na frente gg

[@dieegosf]

Acredito que o exemplo da documentação seja pra hospedar a aplicação Next.js no Firebase como estática, ou seja, perde o funcionamento do dinamismo do ISR, SSR e API Routes.

[@digoburiemse]

@@dieegosf Ah sim, verdade. Mas também tem as Cloud Functions que pode ser utilizado com o Firebase Hosting dando a possibilidade de SSR

[@fabiobaziota5919]

Fala Diego, fiz um deploy de um next.js na vercel e funcionou bonitinho, porém o js não está funcionando o que pode ser?

[@julianosoares7115]

Esse negócio de "Use all edge locations" não deve dar uma dor de cabeça com a lgpd?

[@douglasoliveira2119]

Fala Diego, como eu faço pra migrar meus projetos com domínio configurado na Netlify para a Vercel sem que o sistema fique fora do ar?

[@dieegosf]

Faz o deploy em ambos, troca o DNS para o da Vercel e aguarda, não tem erro, vai parar de funcionar em um e funcionar em outro aos poucos mas nunca vai ficar fora do ar.

[@douglasoliveira2119]

@@dieegosf cara, mto obrigado!

[@sr.novato9136]

Quando eu rodo 'serverless' diz que eu preciso de uma assinatura digital. Como posso resolver isso?

[@dieegosf]

Não deveria não, assinatura digital não tem relação com o deploy de aplicações com serverless.

[@sr.novato9136]

@@dieegosf Opa Diego, consegui pelo prompt de comando mas agora deu um erro na página dizendo que a requisição não pode ser satisfeita. ERROR 503 associado com uma função Lambda. Isso aconteceu depois que eu fiz a página por Server-side. Alguma ideia?

[@insanotv3973]

sei que não tem haver diretamente com o tema do video, mas gostaria de saber se tem como eu modificar um arquivo IPA, na verdade "converte-lo" para apk.

[@dieegosf]

Não é possível.

[@thymarques]

É sempre chato fazer build manual nos nossos vps... vercel, vit, cra, nextjs, sanity etc... cada caso é um caso!

[@albertosantos1238]

Eu tenho uma dúvida e não sei se aqui seria o local correto para perguntar, e um pouco sobre deploy e empreendedorismo. Alguém fa rocketseat poderia me ajudar?

[@dieegosf]

Fala Alberto, manda ai que tentamos responder sim.

[@albertosantos1238]

@@dieegosf caracaaaa nunca imaginei que o Diego visualizaria minha pergunta, tô emocionado,kkk, vamos lá. Estou estudando para tentar ser fullstack, só que agora decide focar mais em front end, estou na trilha do ignite, e tenho um projeto que quero tirar do papel, só que eu não tenho tanto conhecimento em back end, tenho muitas dúvidas como eu devo me comportar nessa situação tendo em vista que eu não tenho condições de pagar alguém para desenvolver esse back end pra mim. E estou trabalhando sozinho nesse projeto. Oq vc me recomenda fazer nesse tipo de situação? Tenho poucos conhecimento em deploy na aws,gcp Azure, etc....vejo que o foco é treinar pessoas para entrar em empresas que ja estão consolidadas ou startups, mas e a pessoa que quer empreender como deve ser comportar? essa é a minha dúvida, obrigado ✌️🚀

[@lincolntx98]

#PR: Quando volta a newsletter da rocket? saudades

[@rocketseat]

Faaala, Lincoln! Opa! Esse ano estamos cheios de novidades e estamos dando um foco maior nelas... 👀 Mas quem sabe... 👀

[@code9680]

UUUUUUUUUUUU

[@rocketseat]

👀 💜

[@ribeiro.evandro]

Outro detalhe, a imagem do Diego cobriu todo o conteúdo que ele passou na hora das métricas, não foi possível ver, apenas ouvir o que ele estava falando

[@dieegosf]

Fala Evandro, você consegue colocar o endereço da aplicação que ainda está online lá no site para ver os mesmos resultados que eu.

[@MrMatheus195]

Eu tentei usar o TabNine, mas tive muitos momentos de erro por causa dele. Olhando esse video, me parece que o Diego também tem um pouco de dificuldade?

[@dieegosf]

O TabNine trás alguns problemas sim, mas pra mim tem mais vantagens do que problemas.

[@rbltv]

Quando você fala deploy, geralmente ele acontece via SSH? FTP? Ou tem alguma forma mais moderna do que isso? Já ví uma galera usando FTP no github actions. @Rocketseat

[@gersooonn7452]

o que resolveu? conta para nós, passando por isso!

[@seasoncloud]

Qual é esse sistema operacional?

[@rocketseat]

É o Kubuntu! Vou deixar um vídeo em que o nosso querido Rodz personaliza, tudo bem!? kzbin.info/www/bejne/nl6ppHpjhtWanKs 💜 🚀

[@seasoncloud]

@@rocketseat Vlw

[@seasoncloud]

@@rocketseat é melhor instalar em uma vm no windowns?

[@dieegosf]

@@seasoncloud Eu prefiro usar como Dual Boot, mas funciona na VM também.

[@seasoncloud]

@@dieegosf ok, obrigado 🙂

[@carloshkayser]

Alguém sabe o nome do tema do terminal dele ?

[@Randel731]

Provavelmente "Omni Theme" da própria Rocketseat

[@carloshkayser]

@@Randel731 Sabe de tem para zsh ? Valeu !

[@dieegosf]

@@carloshkayser Não, o tema do ZSH não interfere nas cores, as cores são estipuladas pelo app de terminal, temos o tema omni para o terminal do KDE, Gnome, MacOS e Hyper.

[@carloshkayser]

@@dieegosf Obrigado !

[@Reemi]

Gente isso é gratuito? Na AWS?

[@alexfullbrazil]

+Next - No more ;)

[@jhonatanjesus301]

e esse KDE top ai?

[@dieegosf]

To pensando em migrar pro PopOS, mas manter o KDE.

[@jhonatanjesus301]

@@dieegosf top eu atualmente uso o PopOs, mais vou voltar para o kubuntu.

[@brxnoscp6093]

explanation of tNice tutorialngs and how they work 11/10 video

[@jeanrodrigues6249]

Para

[@carlosroberto-gv2wv]

Só funciona o método que o amigo fez usando o comando => npm i -g serverless@2.72.2