Explore Developer Center's New Chatbot! MongoDB AI Chatbot can be accessed at the top of your navigation to answer all your MongoDB questions.

MongoDB Developer
MongoDB Developer Centerchevron-right
Developer Topicschevron-right
NextJS

Next.js

plus Follow
Sign in to follow topics

Featured

Tutorial

NextAuth.js Authentication With MongoDB

Set up NextAuth.js for user authentication in your Next.js 14 app. Integrate email/password logins, configure MongoDB, & implement authentication methods....
MongoDB thumbnail image
MongooseNext.jsTypeScriptJavaScript

Aug 30, 2024 | 10 min read
Ahmed Bouchefra
Quickstart

Single Click to Success: Deploying on Netlify, Vercel, Heroku, and Render with Atlas

MongoDB thumbnail image

Apr 10, 2024 | 6 min read
Video

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

MongoDB thumbnail image
Play Button

Sep 27, 2022 | 89 min
All Next.js Content
search
  • Latest
  • Highest Rated
Code Example
FULL APPLICATION

Blogue

Blogue is a writing platform where all writers/non-writers are welcome. Its back end is Node.js and the front end is Next.js and React.js. Atlas is the storage.
MongoDB thumbnail image

Sep 11, 2024
Rachelle Palmer
Tutorial

Integrate MongoDB into Vercel Functions for the Serverless Experience

Learn how to build a Next.js application that leverages Vercel functions and MongoDB Atlas to create a serverless development experience.
MongoDB thumbnail image

Sep 09, 2024
Nic Raboy
Tutorial

NextAuth.js Authentication With MongoDB

Set up NextAuth.js for user authentication in your Next.js 14 app. Integrate email/password logins, configure MongoDB, & implement authentication methods.
MongoDB thumbnail image

Aug 30, 2024
Ahmed Bouchefra
Quickstart

Single Click to Success: Deploying on Netlify, Vercel, Heroku, and Render with Atlas

Explore the 'MongoDB One-Click Starters: A Comprehensive Guide' for an in-depth look at deploying MongoDB with Netlify, Vercel, Heroku, and Render. This guide covers essential features, ideal use cases, and step-by-step deployment instructions to kickstart your MongoDB projects.
MongoDB thumbnail image

Apr 10, 2024
Pavel Duchovny
Tutorial

How to Integrate MongoDB Into Your Next.js App

Learn how to easily integrate MongoDB into your Next.js application with the official MongoDB package.
MongoDB thumbnail image

Apr 02, 2024
Ado Kukic (+1)
Tutorial

Building Modern Applications with Next.js and MongoDB

Learn how to couple Next.js and MongoDB for your next-generation applications.
MongoDB thumbnail image

Jun 09, 2023
Ado Kukic
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://mongodb.prakticum-team.ru/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
MongoDB thumbnail image
Play Button

Sep 27, 2022
Video

Serverless Functions Explained | MongoDB Realm Backend-as-a-Service | Jumpstart

🍿 Watch more from the Jumpstart series: https://bit.ly/3kZTE4S ⌨️ Source Code: https://bit.ly/3k9TvtI ✅ Sign-up for a free cluster at: https://mdb.link/free-Evp3xTzWCu4 ✅ Get help on our Community Forums: https://mdb.link/community-Evp3xTzWCu4 Do you want to quickly and easily build out a backend for your application, including API routes, user authentication, GraphQL, and much more? And do that without hosting your own server? In this video, we’re going to take a look at MongoDB Realm, our backend-as-a-Service platform. Connect with Jesse: Twitter: https://twitter.com/codestackr YouTube: https://youtube.com/codestackr LinkedIn: https://linkedin.com/in/codestackr Instagram: https://instagram.com/codestackr TikTok: https://tiktok.com/@codestackr Timestamps: 00:00 - Intro 00:34 - Overview 01:37 - What is MongoDB Realm? 03:11 - Set Up MongoDB Realm 05:09 - MongoDB Realm Serverless Functions 08:44 - MongoDB Realm SDKs 09:26 - Connect MongoDB Realm in Next.js 15:23 - Conclusion --- Subscribe to MongoDB ►►► https://bit.ly/3bpg1Z1 Connect with MongoDB: Website: https://bit.ly/2LjtNBZ Twitter: https://bit.ly/3fH87gR Facebook: https://bit.ly/3fEaIsd Linkedin: https://bit.ly/2SY9w90 Instagram: https://bit.ly/3bn9bDv Community Forums: https://bit.ly/2I8VCi5 TikTok: https://bit.ly/3fHoqdJ
MongoDB thumbnail image
Play Button

Aug 11, 2021