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
Quickstart

Getting Started with MongoDB & Mongoose


May 19, 2022
Tutorial

Working with MongoDB Charts and the New JavaScript SDK


Sep 05, 2023
Code Example

Connect to a MongoDB Database Using Node.js 3.3.2


Apr 20, 2023
Tutorial

How to Build an Animated Timeline Chart with the MongoDB Charts Embedding SDK


Sep 23, 2022