✅ Sign-up for a free cluster at: <a href="https://mdb.link/free-xiowCksSKpk" target="_blank" rel="noreferrer">https://mdb.link/free-xiowCksSKpk</a>
✅ Get help on our Community Forums: <a href="https://mdb.link/community-xiowCksSKpk" target="_blank" rel="noreferrer">https://mdb.link/community-xiowCksSKpk</a>

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: <a href="https://github.com/mongodb-developer/social-app-demo" target="_blank" rel="noreferrer">https://github.com/mongodb-developer/social-app-demo</a>
MongoDB Atlas: <a href="https://bit.ly/mongodb-free" target="_blank" rel="noreferrer">https://bit.ly/mongodb-free</a>
MongoDB VS Code extension: <a href="https://marketplace.visualstudio.com/items?itemName=mongodb.mongodb-vscode" target="_blank" rel="noreferrer">https://marketplace.visualstudio.com/items?itemName=mongodb.mongodb-vscode</a>
MongoDB Compass: <a href="https://www.mongodb.com/try/download/compass" target="_blank" rel="noreferrer">https://www.mongodb.com/try/download/compass</a>
Auth0: <a href="https://auth0.com/signup" target="_blank" rel="noreferrer">https://auth0.com/signup</a>
Vercel: <a href="https://vercel.com/signup" target="_blank" rel="noreferrer">https://vercel.com/signup</a>

Connect with Jesse:
Twitter: <a href="https://bit.ly/tweet-codeSTACKr" target="_blank" rel="noreferrer">https://bit.ly/tweet-codeSTACKr</a>

⏱️ 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  ➡️  <a href="https://bit.ly/3bpg1Z1" target="_blank" rel="noreferrer">https://bit.ly/3bpg1Z1</a>

#mongodb #database #tutorial

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

✅ Create a new Vercel project: <a href="<a href="https://bit.ly/vercel-mdb" target="_blank" rel="noreferrer">https://bit.ly/vercel-mdb</a>" target="_blank" rel="noreferrer"><a href="https://bit.ly/vercel-mdb" target="_blank" rel="noreferrer">https://bit.ly/vercel-mdb</a></a>
✅ Sign-up for a free cluster at: <a href="https://mdb.link/free-JIlYroSsInU" target="_blank" rel="noreferrer">https://mdb.link/free-JIlYroSsInU</a>
✅ Get help on our Community Forums: <a href="https://mdb.link/community-JIlYroSsInU" target="_blank" rel="noreferrer">https://mdb.link/community-JIlYroSsInU</a>

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:
- <a href="https://bit.ly/3djh7fL" target="_blank" rel="noreferrer">https://bit.ly/3djh7fL</a>
- <a href="https://bit.ly/3vNFzw4" target="_blank" rel="noreferrer">https://bit.ly/3vNFzw4</a>

📚 RESOURCES 📚
Vercel: <a href="<a href="https://bit.ly/vercel-mdb" target="_blank" rel="noreferrer">https://bit.ly/vercel-mdb</a>" target="_blank" rel="noreferrer"><a href="https://bit.ly/vercel-mdb" target="_blank" rel="noreferrer">https://bit.ly/vercel-mdb</a></a>
Atlas: <a href="https://bit.ly/mongodb-free" target="_blank" rel="noreferrer">https://bit.ly/mongodb-free</a>
Node.js: <a href="https://bit.ly/node-mdb" target="_blank" rel="noreferrer">https://bit.ly/node-mdb</a>
Atlas CLI: <a href="https://bit.ly/atlascli" target="_blank" rel="noreferrer">https://bit.ly/atlascli</a>

Connect with Jesse:
Twitter: <a href="https://bit.ly/tweet-codeSTACKr" target="_blank" rel="noreferrer">https://bit.ly/tweet-codeSTACKr</a>

⏱️ 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  ➡️  <a href="https://bit.ly/3bpg1Z1" target="_blank" rel="noreferrer">https://bit.ly/3bpg1Z1</a>

#mongodb #serverless #nextjs

Vercel

Videos

All Vercel Videos

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

How to Integrate Vercel & MongoDB Step-by-Step