Featured
All Next.js Content
- Latest
- Highest Rated
Video
10X Your Development Speed: Prisma + MongoDB + Next.js Ultimate Stack
Sign-up for a free cluster → https://mdb.link/7t_cL2BQ5Ok-try" target="_blank" rel="noreferrer">https://mdb.link/7t_cL2BQ5Ok-try Subscribe to MongoDB YouTube→ https://mdb.link/subscribe 🚀 Prisma + MongoDB Full-Stack Tutorial with Next.js 15 ✅ Build Modern, Type-Safe Web Apps Faster In this in-depth tutorial, Jesse Hall (aka codeSTACKr) shows how to build a full-stack Next.js 15 app using Prisma ORM and MongoDB. Learn how to boost your development speed, enforce type safety, and scale easily with Prisma Accelerate for serverless environments. Whether you're a seasoned dev or exploring type-safe MongoDB for the first time, this video covers everything you need—from schema modeling to caching strategies. 🔧 What You’ll Learn: - Why choose Prisma - How to connect Prisma to MongoDB Atlas - Modeling MongoDB data with full type safety - Building server actions and server components in Next.js App Router - Using Tailwind CSS + shadcn/ui for modern UI - Improving performance with Prisma Accelerate: connection pooling, edge caching, with TTL and SWR - Deploy-ready example: users, posts, comments—all working together 🧠 Tech Stack: Next.js 15 (App Router) Prisma ORM + Prisma Accelerate MongoDB Atlas Tailwind CSS + shadcn/ui TypeScript 🛠 Prerequisites: Node.js 20+ MongoDB Atlas account Prisma Data Platform account 🔗 Resources & Repo: 👉 Full source code & bonus homework: https://github.com/codeSTACKr/prisma-mongodb-demo 👉 Prisma Docs: https://www.prisma.io/docs/orm/overview/databases/mongodb 👉 MongoDB Atlas: https://mdb.link/7t_cL2BQ5Ok-try" target="_blank" rel="noreferrer">https://mdb.link/7t_cL2BQ5Ok-try 👉 Prisma Accelerate: https://www.prisma.io/accelerate ⏱️ Timestamps ⏱️ 00:00 - Intro 00:44 - The tech stack 02:07 - Agenda & prerequisites 02:36 - Prisma ORM + MongoDB project setup 04:18 - Data modeling with Prisma ORM 06:56 - Setting up a singleton Prisma Client 07:33 - Building API routes with serer actions 10:04 - Building the user interface with server components 13:51 - Expanding app functionality with posts and comments 17:04 - Integrating Prisma Accelerate 20:57 - Accelerate caching strategies 24:48 - Bonus!! This video is not affiliated with, endorsed by, or sponsored by Prisma. The use of any trademark is solely for informational and identification purposes, so that we may provide clear and accurate descriptions. All opinions and critiques provided in this video are those of the creator and do not reflect the views of Prisma or its affiliates. Visit Mongodb.com → https://www.mongodb.com Read the MongoDB Blog → https://www.mongodb.com/blog Check out the MongoDB Developer Center → https://www.mongodb.com/developerMar 28, 2025
Video
Realtime Voice Agents with OpenAI and MongoDB
✅ Try MongoDB 8.0 → https://mdb.link/3mLqmlG9-hw ✅ Sign-up for a free cluster → https://mdb.link/3mLqmlG9-hw-try ✅ Gen AI Showcase (GitHub) → https://mdb.link/3mLqmlG9-hw-github - We will live code a realtime speaking agent which will interact with the database get information and store information to facilitate human like representative whithin an application.Feb 12, 2025
Video
AI Show - Coding with AI coders and MongoDB ChatGPT schema builder.
✅ Try MongoDB 8.0 → https://mdb.link/4dknA21jsII-8.0 ✅ Sign-up for a free cluster → https://mdb.link/4dknA21jsII-free ✅ Schema builder → https://mdb.link/mdb-schema-builder - Join us for a live coding where we will use v0.dev and MongoDB Atlas to build a real-world application. During the live stream we will use the GPT beta for schema building we are testing out.Jan 13, 2025
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.Sep 11, 2024
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.Sep 09, 2024
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.Aug 30, 2024
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.Apr 10, 2024
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.Apr 02, 2024
(+1)
Tutorial
Building Modern Applications with Next.js and MongoDB
Learn how to couple Next.js and MongoDB for your next-generation applications.Jun 09, 2023
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://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 #tutorialSep 27, 2022