How to deploy a Next.js project on Vercel | Nextjs Full Stack Project series
Dave Gray
@davegrayteachescodeAbout
Web Development tutorials with full courses on HTML, CSS, JavaScript, React, Node.js and more! My goal is to help you learn how to build the web. Teaching helps me learn, too. I work full-time as a Solutions Architect / Developer and part-time as a university web dev instructor. Thank you for subscribing, supporting my channel and sharing the videos you think may help others. Keep striving for progress over perfection. And a little progress every day goes a very long way. Milestones: July 20, 2020 - 1st video Jan 1, 2021 - 1k subs April 2021 - 4k watch hours Nov 2021 - 10k subs Jan 21, 2022 - Video at 100k views Feb 16, 2022 - 100k watch hours Feb 19, 2022 - 1m views Dec 13, 2022 - 100k subs Dec 2022 - Over 1m views in 1 month April 7, 2023 - 10m views May 26, 2023 - 1m watch hours Sept 22, 2023 - Video at 1m views Dec 25, 2023 - 250k subs
Latest Posts
Video Description
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
Deploy Your Next.js App Today
AI-recommended products based on this video
![SAMSUNG 990 PRO SSD 4TB PCIe Gen4 NVMe M.2 Internal Solid State Hard Drive, Up to 7,450MB/s, Heat Control, Direct Storage and Memory Expansion, MZ-V9P4T0B/AM [Canada Version]](https://m.media-amazon.com/images/I/81WuG6lQuDL._AC_UL960_FMwebp_QL65_.jpg)