From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB

Welcome to the course - Next.js Tutorial

From the course: Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB

Start my 1-month free trial Buy for my team

Welcome to the course

“

What's going on guys? Welcome to Next.js from scratch. So this is a project-based course where we're going to learn about all the fundamentals of Next.js while building a real-world project. Now Next.js is a React-based framework that specializes in server-side rendering, static site generation, and hybrid applications, which means that it offers powerful capabilities for building fast, efficient, and SEO-friendly websites. So in this course, you're going to learn about Next.js, including React server components, file-based routing, API routes to interact with our MongoDB database using Mongoose. We'll be using NextAuth and the Google provider for authentication. We're going to be using an image service called Cloudinary for image storage and optimization and much more. Now, I want to stress that this is a project-based course, so everything that we do is going to revolve around this project called Property Pulse, which is a real estate or a property rental website. And I'm going to give you a full demo in the next video, but it will include browsing, searching and managing property listings, bookmarking and saved properties, sharing on social media. Users can authenticate with Google and create a profile with all of their listings. We're going to build an internal messaging system so users can inquire about specific properties. We're going to implement maps and geocoding as well as a photo swap lightbox gallery and pagination and other features. So I'd say that this is one of the best projects I've done in a course. In fact, I may use this project in future courses such as the Laravel one that I'm going to be doing next. It includes everything that you need to start building your own projects. Now, as far as who this course is for, I would say anyone that knows the basics of react, if you took my react front to back course, you already know way more than you need to to be able to start this one. And even if you just took my react crash course on YouTube, that's fine as well. The only reason I say that you need to know the basics of React is because I'm not going to be explaining what a component is, what props and state are. I just assume that you have that basic knowledge and you just want to start to move into Next.js, which I believe is the future of React. So if the whole notion of a meta framework like Next.js confuses you and you don't understand why you would need to use it at all, all that's going to be cleared up as you start to take this course. things will just start to click, and you'll be able to start creating your own server-side rendered projects. So let's get into it. In the next video, I'm going to take you through a demo of the entire project that we'll be building.

Contents