MongoDB Developer
MongoDB Developer Centerchevron-right
Developer Topicschevron-right

Vercel

plus Follow
Sign in to follow topics
All Vercel Content
search
  • Newest
  • Highest Rated
alt not provided
Play Button
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...
AtlasJavaScriptNextjsVercelServerless

Sep 27, 2022
alt not provided
Play Button
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 ✅ 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://bit.ly/3djh7fL - https://bit.ly/3vNFzw4 📚 RESOURCES 📚 Vercel: https://bit.ly/vercel-mdb" target="_blank" rel="noreferrer">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...

Aug 02, 2022
alt not provided
Quickstart

How to Connect MongoDB Atlas to Vercel Using the New Integration

Getting a MongoDB Atlas database created and linked to your Vercel project has never been easier. In this tutorial, we’ll get everything set up—including a starter Next.js application—in just minutes....

Jun 07, 2022
Jesse Hall
alt not provided
Code Example
FULL APPLICATION

myLeG

This project downloads the substitution plan of my school and converts it into a user-friendly page....

May 24, 2022
Related Topics
Machine Learning
misc_mobile
Mobile
Terraform
React Native
Spring
Netlify
Xamarin
Flutter
GitHub Actions
Excel
Pandas
Parquet