Video Training →Next.js From Scratch (2024)

Build a real-world project using Next JS 14 & MongoDB
What you'll 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
Requirements:
You should have basic knowledge of jаvascript and React
Description:
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 AuthUser authorizationRESTful API routesRoute protectionUser profile with user listingsProperty Listing CRUDProperty image upload (Multiple)Cloudinary integrationProperty searchInternal messages with 'unread' notificationsPhotoswipe image galleryMapbox mapsToast notificationsProperty bookmarking / saved propertiesProperty sharing to social mediaLoading spinnersResponsive design (Tailwind)Custom 404 pageThis 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 14ReactTailwind CSSMongoDBMongooseNext AuthReact IconsPhotoswipeCloudinaryMapboxReact Map GLReact GeocodeReact SpinnersReact ToastifyReact Share
Who this course is for:
People that understand React that want to start building more powerful websites and applications with Next JS
Homepage

https://www.udemy.com/course/nextjs-from-scratch/