JavaScript
MongoDB Developer Centerchevron-right
Developer Topicschevron-right
Languageschevron-right
JavaScriptchevron-right

How to Integrate Vercel & MongoDB Step-by-Step

Published Aug 02, 2022
ServerlessVercelMongoDBJavaScript
Copy Link
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

Copy Link
facebook icontwitter iconlinkedin icon
Rate this video
star-empty
star-empty
star-empty
star-empty
star-empty
Related
Tutorial
Add a Comments Section to an Eleventy Website with MongoDB and Netlify

May 16, 2022
Tutorial
Building an Autocomplete Form Element with Atlas Search and JavaScript

Sep 23, 2022
Tutorial
Querying MongoDB in the Browser with React and the Web SDK

Sep 23, 2022
Quickstart
MongoDB Atlas Serverless Instances: Quick Start

Jun 28, 2022