- Mais recente
- Mais bem avaliado
Vídeo
Crie um clone do Twitter usando Next.js, MongoDB, Auth0, & Deployment to Vercel
✅ Cadastre-se em um cluster gratuito em: https://mdb.link/free-xiowCksSKpk ✅ Obtenha ajuda em nossos fóruns da comunidade: https://mdb.link/community-xiowCksSKpk Neste vídeo, criaremos um aplicativo Jamstack clone do Twitter usando a API de dados do MongoDB Atlas Data API, @Auth0, Next.js e @VercelHQ. Este tutorial guiará você por cada etapa e o ajudará a seguir facilmente passo a passo. Github MongoDB Atlas MongoDB VS Code com/items?itemName=mongodb.mongodb-vscode MongoDB Compass: https://www.mongodb.com/try/download/compass Auth0: https://auth0 000000 000033.com/signup Vercel: https: //vercel.com/signup Conecte-se com Jesse: Twitter: https://bit.ly/tweet-codeSTACKr docs . . . . . . . . . . . . . . } - Agenda 00:00:59 - Visão geral do exercício 00:02:18 - Pré-requisitos 00:03:04 - O que é o Jamstack? 00:06:00 - Reduzir a complexidade e aumentar a portabilidade 00:06:10 - O que é serverless? 00:07:13 - Instâncias sem servidor 00:08:16 - Atlas sem funções de servidor e HTTPS endpoints 00:09:18 - Atlas Data API 00:10:26 - Considere as alternativas 00:11:27 - Repositório do Github do Studio 00:11:59 - Lição 1 - Faça um fork e clone o repositório do Studio 00:13:31 - Lição 2 - Criar Atlas Cluster 00:18:35 - Lição 3 - Carregar dados de amostra 00:19:22 - Opção 1: Extensão de MongoDB VS Code do 00:23:26 - Opção 2: MongoDB Compass 00:26:12 - Lição 4 - Testar Dados do Atlas API 00:31:55 - Lição 5 - Configurar o aplicativo local 00:48:23 - Lição 6 - Funções do Atlas e HTTPS endpoints 00:50:38 - Lição 7 - Configurar Autenticação de Usuário 01:07:04 - Lição 8 - Adicionar Funcionalidade Como 01:13:27 - Lição 9 - Criar Índice e Rota do Atlas Search 01:20:06 - Lição 10 - Implementar seu Aplicativo! --- Assine o MongoDB https://bit.ly/3bpg1Z1 #mongodb #database #tutorial
Sep 27, 2022
Vídeo
Como integrar o Vercel e o MongoDB passo a passo
✅ Crie um novo projeto Vercel: https://bit.ly/vercel-mdb" target="_blank" rel="noreferrer">https://bit.ly/vercel-mdb ✅ Inscreva-se para um cluster gratuito em: https://mdb.link/free-JIlYroSsInU" target="_blank" rel="noreferrer">https://mdb.link/free-JIlYroSsInU ✅ Obtenha ajuda em nossos fóruns da comunidade: https://mdb.link/community-JIlYroSsInU Nunca foi tão fácil criar um banco de dados do MongoDB Atlas e vinculá-lo ao seu projeto Vercel. Neste vídeo, configuraremos tudo — incluindo um aplicativo Next.js inicial — em apenas alguns minutos e mostraremos como se conectar corretamente ao seu banco de dados usando uma função sem servidor. 📚 Para os leitores, aqui estão as versões escritas: - https://mdb.link/vercel-integration - https://mdb.link/vercel-serverless 📚 RECURSOS 📚 Vercel: https://bit.ly/vercel-mdb" target="_blank" rel="noreferrer">https://bit.ly/vercel-mdb Atlas: https://mdb.link/free-JIlYroSsInU" target="_blank" rel="noreferrer">https://mdb.link/free-JIlYroSsInU Node.js: https://bit.ly/node-mdb Atlas CLI: https://mdb.link/atlas-cli-JIlYroSsInU Conecte-se com Jesse: Twitter: https://twitter.com/codeSTACKr ⏱️ Timestamps ⏱️ 0:00 Introdução 0:16 Pré-requisitos 0:27 O que é o Vercel? 0:52 Criar um projeto inicial 1:56 Criar um projeto do Vercel e integrar o MongoDB 4:27 Sincronizar as configurações do Vercel com o ambiente local 6:30 Trabalhar com funções sem servidor do Vercel 7:28 Configurar um cluster de banco de dados no MongoDB Atlas 8:28 Conecte-se ao MongoDB e às conexões de cache para uma experiência otimizada para o desempenho 13:35 Consultando o MongoDB a partir de uma função Vercel no Next.js aplicação 15:23 Gerenciar conexão usando módulos JavaScript 17:15 Adicionando nossos dados ao frontend --- ✅ Assine nosso canal → https://mdb.link/subscribe #mongodb #serverless #nextjs
Aug 02, 2022