React com CMS via Google Spreadsheets e Nextjs | Top Jogos favoritos DevSoutinho
ฝัง
- เผยแพร่เมื่อ 22 ม.ค. 2025
- Já parou pra pensar que o Google Spreadsheets pode ser o banco de dados e o CMS do seu site? 😮 Nesse vídeo a gente vai ver como fazer uma app com React, como fazer uma API dentro do NextJS e ainda aprender como criar um projeto dentro do Google Cloud Platform, pegar as credenciais e ver tudo rodando ai na sua máquina! Ficou curioso? Bora ver!
Off Topic: Quais são seus top jogos favoritos? manda nos comentários \o/
🔸Quer ver mais conteúdos meus? Segue ai!
■ / omariosouto
■ / omariosouto
■ t.me/hipstersf...
🔸Sabia que eu tenho séries na Alura também?
■ www.alura.com....
■ www.alura.com....
Quando tento criar as credenciais, não consigo seleccionar for Application data. Aparece uma mensagem que diz: Application data cannot be accessed securely from a web browser. Please consider selecting another platform. Ainda com o service account criado, eu nunca obtive o arquivo que vc menciona no minuto 9:10
Achei!! Apos de criar o service account tem uma coluna "Actions", nessa coluna é so clickar em "Create key"
A interface agora está um pouco diferente, da interface que está no seu video.
aaaaaaa boooa!!! meu medo já aconteceu eles mudaram a UI saushuhuasuhas vou pinar sua resposta pra ajudar gente que vier no futuro
Não ví o vídeo ainda (mas vou ver) só to comentando porque se tem *A ZELDA* na thumbnail, eu clico 😂
Que vídeo sensacional e muito obrigado pela citação 😍
TELÓ OLHA VOCE POR AQUI DE NOVO! A ideia de colocar A ZELDA foi fazer um LINK pro conteudo hahahahaahhaha
Eu que agradeço /o esses vídeos mostrando o processo pra pegar chaves e tokens na vida ajudam MT gente!
@@DevSoutinho hahahahahahahahahah melhor resposta a do Link 😂😂😂
KKKKKKKKKKKKKKK BEM NA HORA DO FIM DO RUFEM OS TAMBORES ENTROU O COMERCIAL DO TH-cam
Excelente vídeo!!! Parabéns
Seria super bacana mostrar como adicionar novos jogos via formulários.
Ótimo conteúdo professor!
Cara, simplesmente SENSACIONAL!!!! Realmente o uso de spreadsheet é algo muito poderoso. Eu já usei integrando com o Illustrator onde eu precisava criar vários certificados. O Illustrator lia as infos da planilha, populava os campos no design e exportava um PDF. Agora fazendo isso com um site é mais sensacional ainda!!! Eu uso planilhas para meu controle financeiro, que modéstia a parte, está muito bem estruturada. Agora posso gerar uma UI baseado nesse conteúdo. SHOW! Ganhou um inscrito.
Cara, me manda quando fizer, to curioso agora aaaaaaaaaaaaa
Agora sim consegui terminar de ver o vídeo. Ta ai algo que provavelmente vou usar. Tem muito sistema que nasce com base em planilha. Obrigado pelo conteúdo e pela doação lá também
Esse aqui o próximo vai ser só sobre o deploy hehe
Adorei o vídeo!!! Já tinha um tempão que eu queria fazer algo do gênero...
Mano, que vídeo sensacional. Não conhecia o serviço e achei maravilhoso você ter mostrado e como usar. Já tive ótimas ideias até mesmo para aplicar aqui em casa. Obrigado ❤️
Booooa!!! Tamo junto \o me manda quando fizer, acho mt massa ver os projetos que a galera fez a partir aqui do canal
Começando na programação e acompanhando seus vídeos aqui, parabéns pelo conteúdo! PS: 250h de Zelda BOTW aqui! Faz tempo que um jogo não me chamava tanto a atenção. Possivelmente o último foi Xenogears (jogo que até hoje considero um dos melhores) quando eu ainda eu ainda era quase uma criança. Abs
sensacional!!! nunca joguei xenogears, ta na hora de colocar na lista do pra jogar
Incrível!! Você tornou-se meu canal favorito uma vez que quero me "especializar" em React e estou aprendendo ainda. Seus conteúdos são incríveis.
E realmente FF Tactics é muuuuito da hora!!
obs: "favor postar a continuação da pokedex" rs
ashsuahsusahuhu pokedex vai continuar, ff tactics melhor jogo siiim!!!
E cara vai ter mt vídeo de react ainda, essa sexta mesmo tem mais um :) e tem a imersão React qu vai rolar comigo pela Alura www.alura.com.br/imersao-react/
Eu ja sabia que ce era legal, mas se Zelda é um dos seus top games, ce é super legal! Haha
assauhsauhasuhs valeu cara! Compartilha sua lista de top jogos também \o
Parabéns pelo video, conteúdo complexo, mas bem explicadinho. Vou tentar fazer depois.
SENSACIONAL
VAAALEU!
E podia ter um vídeo explicando esse lance todo da API hein =D
Opaaa, e eu quero trazer, falta trazer publicando esse também
fala Soutinho, blz irmao? Eu to trabalhando numa aplicaçao em React, que preciso fazer o contrario. Preciso inserir alguns dados que sao inseridos em inputs na planilha. Vc tem algum video desse passo a passo reverso? Obrigado!
mostre as dependencias que instalou por favor
Man, tem como fazer uma versão dessa pra react native? tentei uns 10 videos e nada, ja estou pesquisando literalmente a mais de 16h seguidas, ja sao 6h da manha e não sei o que fazer, preciso só conseguir acessar os dados de uma unica celula, porém todas bibliotecas que uso para react native parece que estão desatualizadas. help me pls
Cara, tu consegue criar uma rota em um backend e mandar um Ajax pra ele? É a melhor estratégia. Tenta direto pelo app não seria a melhor forma :S pq tu vai mandar sua chave de acesso pra todos os usuários
Opa, já saiu o vídeo de como inserir os dados?
Esperando ansiosamente pelo spotcast
Ta vindo \o
Excelente video parabens, estou aprendeno muito com seus videos. Mas cade o codigo fonte desse para dar uma olhada, pq nao entendi muito a questao do codigo da home
Opaaa da uma olhada aqui github.com/omariosouto/react-com-spreadsheets-as-cms
Opa seu aluno free mais chato tá na área,
Da para fazer isso no expo com JSON ou markdow? , Seus vídeos estão me transformando em um empreendedor obrigado.
Sensacional!!!
Vaaaleu!
Excelente vídeo!
Vc saberia dizer pros e contras de usar assim ao inves de usar o FireStore (o bd do Firebase)
? (foi uma pergunta rs)
Cara agora assim de bate pronto não... vou dar uma pesquisada e ti falo! Talvez tenta olhar os custos por request de cada uma delas
Awesome ...thanks!
😁😁😁
Mano faz um vídeo fazendo o deploy desse projeto
Opa, cara ficou faltando real!!! vou trazer \o/
video muito bom no proximo video sobre animação de css se der fala um pouco sobre greensock ou webgl ou se souber de algum tutorial sobre isso gratuito em portugues para me indicar agradeço vlw
Cara, ta nos planos, em breve vai rolar :) não consigo dar datas mas ta vindo ashusahu
Bao demais seu canal
Bão de mais receber uns comentários desse 😁
Essa parte de utilizar a chave do Docs, é de graça full? ou entra naquele cash que o google da por um tempo?
é de graça até uma parte uhashusa
Mano, qual seria o problema de fazer o backend inteiro dentro do Next.js?
Eu pensaria um pouco, pq mts empresas tem diferentes estratégias pra gerenciar tudo e tal, acho que se for um projeto muuito grande eu pensaria bem, se for algo menor da pra começar e ver até onde vai e surgem problemas
Seria massa algo com a API da microsoft,o Microsoft Graph,que conecta todos os serviços em só uma api.
Vou ver sobre :)
Não estou conseguindo fazer, você teve que mexer no package.json ? fica dando esse erro aqui :
Failed to compile
./node_modules/google-auth-library/build/src/auth/googleauth.js
Module not found: Can't resolve 'child_process' in 'C:\Users\Ricardo\Documents\cmsReact\cmsreact
ode_modules\google-auth-library\build\src\auth'
Consegue subir o código no github? ai fica mais fácil pra dar uma olhadinha \o
@@DevSoutinho github.com/ricardogusi/cmsReact
Humilde! Muito obrigado.
E caraca!! já me inscrevi já na imersão, tava nem sabendo! da hora!
topi!
Cara, eu tenho um app de lista de compras que a tempos eu quero resolver o armazenamento de dados dele. Mas pra mim não faz sentido ter um back super complexo por que não são tantos dados assim mas ao mesmo tempo queria que o usuário pudesse visualizar gráficos gerados pelas planilhas. Eu juro por deus que na minha cabeça faz muito sentido, só não sei me expressar 🤣🤣🤣🤣🤣
Caaara, faz total sentido!!!! Só criar uma aba nova na planilha, bate o request e joga num chartjs /o
Dev Soutinho eu gostei da ideia, vou testar essa brincadeira 🙂❤️ valeuuu
@@alexfreitas4428 Eu to pra fazer isso com minhas planilhas de tibia também hehe
Bora fazer jogo de planilha!!! Meu teclado tá pegando fogo rapá
asuhasshuahusauhsauhasuhsauhsuhhus isso me lembrou o sonic pra planilha que eu via no passado
Isso iria cair bem com uma planilha de controle financeiro
SIIIIM!!!! SE FIZER ME MANDA \O
Thanks, bro. Can you give me a source code?
Hi, here it is: gist.github.com/omariosouto/8db4a928add34235a6c9872e60e55b23
The integration part
Por favor, me ajuda aí cara. Estou endoidando aqui já... :'(
Desculpa a demora! Respondi no outro comentário
😏
hehe
Agora vc aposentou de vez o wordpress com php xDD
ahahhahahaa pra isso ainda tem umas outras paradas pra fazer, mas fica de olho nas próximas semanas aqui que vai rolar umas parada legal relacionado a lidar com conteúdo nessa pegada wordpress só que com JS :)
verdade cara, eu mesmo trampo com wordpress e to vendo altos videos de react, next.js e to mto interessado nessas tecnologias, mesmo não sabendo programar em java, parece não ser tão complexo...
Mas a pasta api devia ficar fora da pasta pages, né não?... Ah não... Não. Não devia, não.
Eu nunca consigo ser o first
Conseguiu no vídeo novo ashuusha