How to Deploy Next.js 13/14 App With API Routes To Production (Vercel)

Published: 20 September 2023
on channel: Coding Mastery
5,014
102

#javascript #react #nextjs13 #nextjs

📺 In this video, you will learn how to deploy a Next.js 13 app to production (Vercel).

It's a Task Manager app with CRUD(Create, Read, Update, Delete) operations and we're using MongoDB as the database for storing the tasks.

Next.js 13 Crash Course: https://courses.yogeshchavan.dev/next...

📹 Learn how to use the react-hook-form library in this tutorial! 👨‍💻
🔗 Tutorial Link: https://www.freecodecamp.org/news/how... 💻

Timestamps ⏰

00:00 - Application Demo
01:36 - Exploring Code
02:27 - Understanding The API Routes Path
04:40 - Code Changes Before Deployment
06:16 - Environment Variable Naming Convention
09:45 - Deploying to Vercel
16:57 - Installing Latest Next.js

🎬 Complete React Playlist:    • Beginners Guide To React #1 - Getting...  

🚀 React Router 6 Video Course: https://courses.yogeshchavan.dev/reac...

🔧 Redux Toolkit Crash Course Playlist:    • Redux Toolkit - 1  

📦 Learn Webpack For Production Playlist:    • Learn Webpack For Production - Part 1  

🔖 Tags: React | Next.js | Next.js 13 | API Routes

📚 My Courses: https://courses.yogeshchavan.dev/
📝 My Blog: https://blog.yogeshchavan.dev/
💼 LinkedIn:   / yogesh-chavan97  
🐦 Twitter:   / myogeshchavan97  
📦 GitHub: https://github.com/myogeshchavan97

🔔 Do subscribe to the channel and press the bell icon to receive all future notifications.