When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Next.js From Scratch 2024
Build a real-world project using Next.js 14 and MongoDB
This Course Includes
udemy
4.7 (559 reviews )
12 total hours 
english
Online - Self Paced
course
Udemy
About Next.js From Scratch 2024
This is a project based course that will teach you how to use Next.js in the real world. We use all of the latest features in Next 14 to build a property rental website where users can browse, search and manage property listings.
Next.js is the future of React. Server-side rendered websites and static websites are becoming the norm over single page applications and Next.js allows you to build both with ease. Learning Next will give you a huge advantage when it comes to modern web development.
The project will have the following features:
User authentication with Google & Next Auth
User authorization
RESTful API routes
Route protection
User profile with user listings
Property Listing CRUD
Property image upload (Multiple)
Cloudinary integration
Property search
Internal messages with 'unread' notifications
Photoswipe image gallery
Mapbox maps
Toast notifications
Property bookmarking / saved properties
Property sharing to social media
Loading spinners
Responsive design (Tailwind)
Custom 404 page
This course will give you all of the skills that you need to start creating your own full stack Next.js applications with API routes.
Here are some of the packages and technologies that we will be using:
Next.js 14
React
Tailwind CSS
MongoDB
Mongoose
Next Auth
React Icons
Photoswipe
Cloudinary
Mapbox
React Map GL
React Geocode
React Spinners
React Toastify
React Share
What You Will Learn?
- Learn The Fundamentals of Next JS 14.
- Build a Real-World Property Rental Website From Scratch.
- File-Based Routing, React Server Components, Data Fetching, API Routes+.
- Next Auth & Google Provider for Authentication & Authorization.
- Use MongoDB & Mongoose In API Routes.
- Internal Messaging, Bookmarks, Search, Image Lightboxes, Pagination+.
- Implement Cloudinary for Image Storage & Optimization.