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

Published Aug 02, 2022
ServerlessVercelNodejsMongoDBJavaScript
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 ✅ Sign-up for a free cluster at: https://bit.ly/mongodb-free ✅ Get help on our Community Forums: https://bit.ly/mongodb-community 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://www.mongodb.com/developer/products/atlas/how-to-connect-mongodb-atlas-to-vercel-using-the-new-integration/ - https://www.mongodb.com/developer/languages/javascript/integrate-mongodb-vercel-functions-serverless-experience/ 📚 RESOURCES 📚 Vercel: https://bit.ly/vercel-mdb Atlas: https://bit.ly/mongodb-free Node.js: https://bit.ly/node-mdb Atlas CLI: https://bit.ly/atlascli Connect with Jesse: Twitter: https://bit.ly/tweet-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 MongoDB ➡️ https://bit.ly/3bpg1Z1 #mongodb #serverless #nextjs
All MongoDB Videos

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

Let’s Give Your Realm-Powered Ionic Web App the Native Treatment on iOS and Android!


Sep 16, 2022
Code Example

Find our Devices - A locator app built using Realm


Jun 15, 2022
Quickstart

MongoDB Atlas Serverless Instances: Quick Start


Jun 28, 2022
Quickstart

Aggregation Framework with Node.js Tutorial


Oct 21, 2022