Explore Developer Center's New Chatbot! MongoDB AI Chatbot can be accessed at the top of your navigation to answer all your MongoDB questions.

MongoDB Developer
Vercel
plus
Sign in to follow topics
MongoDB Developer Centerchevron-right
Developer Topicschevron-right
Technologieschevron-right

Videos


All Vercel Videos
All Videos
search
  • Latest
  • Highest Rated
Video

Create a Twitter Clone using Next.js, MongoDB, Auth0, & Deploy to Vercel

✅ Sign-up for a free cluster at: https://mdb.link/free-xiowCksSKpk ✅ Get help on our Community Forums: https://mdb.link/community-xiowCksSKpk In this video, we'll create a Twitter clone Jamstack application using the MongoDB Atlas Data API, @Auth0, Next.js, and @VercelHQ. This workshop will walk you through each step and will help you easily follow along step by step. 📚 RESOURCES 📚 GitHub Repo: https://github.com/mongodb-developer/social-app-demo MongoDB Atlas: https://bit.ly/mongodb-free MongoDB VS Code extension: https://marketplace.visualstudio.com/items?itemName=mongodb.mongodb-vscode MongoDB Compass: https://www.mongodb.com/try/download/compass Auth0: https://auth0.com/signup Vercel: https://vercel.com/signup Connect with Jesse: Twitter: https://bit.ly/tweet-codeSTACKr ⏱️ Timestamps ⏱️ 00:00:00 - Intro 00:00:33 - Agenda 00:00:59 - Exercise Overview 00:02:18 - Prerequisites 00:03:04 - What is the Jamstack? 00:06:00 - Reduce Complexity & Increase Portability 00:06:10 - What is Serverless? 00:07:13 - Serverless Instances 00:08:16 - Atlas Serverless Functions & HTTPS Endpoints 00:09:18 - Atlas Data API 00:10:26 - Consider the Alternatives 00:11:27 - Workshop GitHub Repo 00:11:59 - Lesson 1 - Fork & Clone the Workshop Repo 00:13:31 - Lesson 2 - Create Atlas Cluster 00:18:35 - Lesson 3 - Load Sample Data 00:19:22 - Option 1: MongoDB VS Code Extension 00:23:26 - Option 2: MongoDB Compass 00:26:12 - Lesson 4 - Test Data API 00:31:55 - Lesson 5 - Set Up Local App 00:48:23 - Lesson 6 - Atlas Functions & HTTPS Endpoints 00:50:38 - Lesson 7 - Configure User Auth 01:07:04 - Lesson 8 - Add Like Functionality 01:13:27 - Lesson 9 - Create Search Index & Route 01:20:06 - Lesson 10 - Deploy your Application! --- Subscribe to MongoDB ➡️ https://bit.ly/3bpg1Z1 #mongodb #database #tutorial
MongoDB thumbnail image
Play Button
AtlasJavaScriptNext.jsVercelServerless

Sep 27, 2022
Video

How to Integrate Vercel & MongoDB Step-by-Step

✅ Create a new Vercel project: https://bit.ly/vercel-mdb" target="_blank" rel="noreferrer">https://bit.ly/vercel-mdb ✅ Sign-up for a free cluster at: https://mdb.link/free-JIlYroSsInU" target="_blank" rel="noreferrer">https://mdb.link/free-JIlYroSsInU ✅ Get help on our Community Forums: https://mdb.link/community-JIlYroSsInU Getting a MongoDB Atlas database created and linked to your Vercel project has never been easier. In this video, we’ll get everything set up—including a starter Next.js application—in just minutes and show you how to properly connect to your database using a serverless function. 📚 For readers, here are written versions: - https://mdb.link/vercel-integration - https://mdb.link/vercel-serverless 📚 RESOURCES 📚 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 Connect with Jesse: Twitter: https://twitter.com/codeSTACKr ⏱️ Timestamps ⏱️ 0:00 Intro 0:16 Prerequisites 0:27 What is Vercel? 0:52 Create a starter project 1:56 Create a Vercel project and integrate MongoDB 4:27 Sync Vercel settings to local environment 6:30 Working with Vercel serverless functions 7:28 Configuring a database cluster in MongoDB Atlas 8:28 Connect to MongoDB and cache connections for a performance optimized experience 13:35 Querying MongoDB from a Vercel function in the Next.js application 15:23 Manage connection using JavaScript modules 17:15 Adding our data to the frontend --- ✅ Subscribe to our channel → https://mdb.link/subscribe #mongodb #serverless #nextjs
MongoDB thumbnail image
Play Button

Aug 02, 2022