From the course: Next.js Ecommerce: Build a Shopping Platform from Scratch

Welcome to the course - Next.js Tutorial

From the course: Next.js Ecommerce: Build a Shopping Platform from Scratch

Start my 1-month free trial Buy for my team

Welcome to the course

“

Hey guys, welcome to my Next.js e-commerce course. So this is a project-based course and I would say it's my most advanced project so far in a course. I actually plan on using this platform that we build in production for selling my wife's art products. That's that's kind of the reason I started this. But I wanted to just talk a little bit about what the course is and what it entails, as well as try and answer some questions that I think some of you might have when it comes to which courses of mine you should take, because some of them look similar at first glance. Now, even though this is my most advanced project, I'll still be walking you through every step of the way. I'll be explaining everything in detail, and there's also little to no copying and pasting. I know that some people get frustrated when I copy and paste the HTML and the tailwind classes and things like that, that I don't feel are totally related to what we're learning. But in this course, in this project, We're using Shad CNUI, which is a component library, and we'll be pretty much typing out everything, bringing in these components, and so on. Now, a lot of you might be wondering if you should take this course versus my Next.js from scratch course, where we build a property rental website. And it really depends on your skill level. If you've never used Next.js before, I would probably say start with that course, because I explain more of the fundamentals, and there's just more hand-holding when it comes to file-based routing, and server actions, and data fetching. This is a much more project-specific course, and I show you how to use a whole bunch of things together, including TypeScript, Zod, Prisma, and much more. So if you've ever built anything with Next.js before, then I would probably say take this course, especially where we're using the latest version, version 15. Also, if you hate copying and pasting, then this is the course for you because we do relatively none of it. I will warn you that this is a large project and it's not something you're going to get done in a few days. Depending on your schedule, I'd say it could be, you know, a few weeks to a few months if you build it, you know, front to back. And I want this to be something that you can be proud of, you know, even though this is a course and, you know, you're kind of, you're being led through it, it's still something that you can be proud of to build and I want it to be something you look forward to sit sitting down and doing each day and when you finish you can display it on your portfolio you can use it in production or do whatever you want with it now as far as the technologies we'll be using in the next video i'm going to go over the entire stack but some of the big ones next 15 with react 19 prisma uh postgres and typescript so all the people that have asked me to use TypeScript in my courses then this is the one. Now another question that some of you might have is what's the difference between this Next.js e-commerce course and my Mern e-commerce course. Well first of all they're completely different projects, they have different features, they use different technologies, but Mern in the traditional sense and Next.js are two completely different architectures. Next.js is server-side rendered, so the server renders the HTML markup and sends it to the browser, where a traditional MERN is client-side rendered, which means that the browser renders the HTML markup. So the way that you build things, the way that you fetch data and create components is different. With the MERN stack, you have a completely separate back-end and front-end, and Next.js is a full-stack framework that it combines the front end and back end. And it's become extremely popular in the last few years. And having a separate front end and back end with traditional MIRN, I wouldn't say it's a bad thing, but in my opinion, it's not the best architecture for projects like this, where I think the traditional MIRN shines is when you need a standalone API, because you might have a React front end, you might have, in addition to that, a mobile UI that you wanna use with the API. So you have a separate API, where it's a project like this and everything is together. I think Next.js is a much better fit. You know, you have file-based routing, you have server actions, your data fetching and no use effect, unless it's a client component. But yeah, you can create API routes. So it's much better for a single project. Now, as far as what you're gonna learn, well, you're gonna learn how to build a full stack e-commerce website from scratch. And there's so many different technologies and packages involved. And instead of being a course where we say, you know, this is a component, this is a prop, it's a course where you create real life features and functionality, and you'll be able to take that knowledge and apply it to your own projects. You know, so if you want authentication, or you wanna integrate PayPal or Stripe, or send emails through your app or upload images, whatever you want, you can pick and choose from this course and from the documentation, and you can just go back and reference that when needed. All right, so that's kind of the gist of this course. In the next video, I want to go over the entire stack and the packages that we'll be using, and then we'll get into the actual project.

Contents