Next.js Full Stack Project

With Next.js 15 and React 19

In this series, we’ll build a full stack web application for a Computer Repair Shop that manages customers and repair tickets.

Gratitude

This Next.js Full Stack Project tutorial series is made possible by Sentry. I consider Sentry to be an essential part of my tech stack, and we will be using Sentry in this Next.js full stack project.

Lesson Help

If you get stuck on any lesson in the series, (1) navigate to the course branch for your current lesson and (2) view or (3) download the code for more help.

Prerequisites

In this series, I’ll assume you have an intermediate skill level and are not a beginner. You should have some experience with React and understand a full stack project includes both client and server code environments. Prior experience with Next.js is not required.

💻 You will need:

• Node.js (npm / npx)

💻 Recommended Tools:

• VS Code
• git & git bash

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

📚 References

• 🔗 Next.js
• 🔗 React
• 🔗 TypeScript
• 🔗 TailwindCSS
• 🔗 ShadCN/ui
• 🔗 Sentry
• 🔗 Kinde Auth
• 🔗 Neon Postgres
• 🔗 Drizzle ORM
• 🔗 react-hook-form
• 🔗 Zod
• 🔗 next-safe-action
• 🔗 TanStack Table
• 🔗 Vercel

---

Author Links

👋 Hello, I'm Dave Gray.

👉 My Courses

✅ Check out my YouTube Channel with hundreds of tutorials.

🚩 Subscribe to my channel

💖 Support My Content

☕ Buy Me A Coffee

🚀 Follow Me:

• 🔗 Twitter
• 🔗 LinkedIn
• 🔗 Blog

---

🎓 Academic Honesty