MongoDB Developer
JavaScript
plus
Sign in to follow topics
MongoDB Developer Centerchevron-right
Developer Topicschevron-right
Languageschevron-right
JavaScriptchevron-right

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

Published Sep 27, 2022
NextjsVercelServerlessAtlasJavaScript
Facebook Icontwitter iconlinkedin icon
Rate this video
star-empty
star-empty
star-empty
star-empty
star-empty
βœ… 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
All MongoDB Videos

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

Currency Analysis with Time Series Collections #2 β€” Simple Moving Average and Exponential Moving Average Calculation


May 16, 2022
Tutorial

Accessing Atlas Data in Postman with the Data API


Aug 26, 2022
Code Example

Hostels Kenya Example App


Jul 07, 2022
Article

Build a Newsletter Website With the MongoDB Data Platform


Sep 23, 2022