How to deploy a Next.js project on Vercel. In this final chapter of the Nextjs Full Stack Project series, we will learn about Next.js deployment along with auditing dependencies, ESLint rules, build errors, project maintenance and more.

⭐ Use the code "davegray" for 3 months free on the Team plan of Sentry for any new accounts:
- Sentry Homepage: https://bit.ly/sentry-dg
- Sentry Sign-up: https://bit.ly/try-sentry-dg
- Sentry Next.js: https://bit.ly/sentry-nextjs-dg
- Sentry Next.js Docs: https://bit.ly/sentry-docs-dg

🔥 Neon Postgres: https://fyi.neon.tech/davegray

🔒 Kinde Auth: https://kinde.com/dgray-nextjsstack/

👉 Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap

💖 Support me on Patreon ➜ https://patreon.com/davegray

🚩 Subscribe  ➜ https://bit.ly/3nGHmNn

📬 Course Updates ➜ https://courses.davegray.codes/

❓ Ask Questions & Discuss on Discord ➜  https://discord.gg/neKghyefqh

☕ Buy Me A Coffee ➜ https://www.buymeacoffee.com/davegray

🔗 Next.js Full Stack Project playlist: https://www.youtube.com/playlist?list=PL0Zuz27SZ-6PCLz7VMP2QQdeKa83rshe5

👇 Follow Me On Social Media:
GitHub: https://github.com/gitdagray
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/

🔗 Course Resources: https://github.com/gitdagray/nextjs-full-stack-project

How to deploy a Next.js project on Vercel | Nextjs Full Stack Project series

(0:00:00) Intro
(0:01:03) Tech Stack
(0:01:23) User Stories Checklist
(0:02:44) Auditing Dependencies
(0:09:20) Production vs Dev Environment Variables
(0:11:24) Sentry tracesSampleRate
(0:12:26) ESLint Rules & Build Errors
(0:28:54) Preparing the Code Repository
(0:43:52) Deploying to Vercel Part 1
(0:49:51) Kinde Allowed URLs
(0:52:05) Deploying to Vercel Part 2
(0:54:13) Sentry - Vercel Integration
(0:59:47) Project Maintenance
(1:05:23) Wrap Up

📚 Tutorial References:
🔗 Next.js: https://nextjs.org/
🔗 ShadCN/ui: https://ui.shadcn.com/
🔗 Sentry Next.js: https://bit.ly/sentry-nextjs-dg
🔗 Tailwind CSS: https://tailwindcss.com/
🔗 TypeScript: https://www.typescriptlang.org/
🔗 Drizzle ORM: https://orm.drizzle.team/
🔗 Neon Postgres: https://fyi.neon.tech/davegray
🔗 Kinde Auth: https://kinde.com/dgray-nextjsstack/
🔗 next-safe-action: https://next-safe-action.dev/
🔗 TanStack React Table: https://tanstack.com/table/latest

Was this Next.js Full Stack Project deployment tutorial helpful? If so, please share. Let me know your thoughts in the comments. 

#nextjs #deploy #deployment

Dave Gray

Dave provides a step-by-step guide for making final updates and deploying a Next.js full-stack project to Vercel. The tutorial covers topics like using npm audit to address vulnerabilities, checking environment variables, and setting up a Vercel account for deployment. He also discusses integration with Sentry for better error tracking and performance monitoring. Additionally, adjustments for making the app responsive and ensuring it runs smoothly in production are covered.

How to deploy a Next.js project on Vercel | Nextjs Full Stack Project series

<p>Why is this video over 1 hour long? :D</p>
