Create a Twitter Clone using Next.js, MongoDB, Auth0, & Deploy to Vercel
Rate this video
ā
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