EventGet 50% off your ticket to MongoDB.local NYC on May 2. Use code Web50!Learn more >>
MongoDB Developer
JavaScript
plus
Sign in to follow topics
MongoDB Developer Centerchevron-right
Developer Topicschevron-right
Languageschevron-right
JavaScriptchevron-right

How to Integrate Vercel & MongoDB Step-by-Step

20 min • Published Aug 02, 2022
ServerlessVercelNode.jsMongoDBJavaScript
Facebook Icontwitter iconlinkedin icon
Rate this video
star-empty
star-empty
star-empty
star-empty
star-empty
✅ 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
All MongoDB Videos

Facebook Icontwitter iconlinkedin icon
Rate this video
star-empty
star-empty
star-empty
star-empty
star-empty
Related
Quickstart

Quick Start: BSON Data Types - ObjectId


Sep 23, 2022 | 3 min read
Tutorial

Demystifying Stored Procedures in MongoDB


Feb 27, 2024 | 6 min read
Article

What to Expect from Realm JavaScript v12


Apr 02, 2024 | 5 min read
Tutorial

How to Send MongoDB Document Changes to a Slack Channel


Oct 26, 2023 | 6 min read