К содержимому
learnspaceYOUR NEXT CHAPTER
ПРОСТРАНСТВО ОБУЧЕНИЯ
ГлавнаяКаталог курсовМоё обучениеCoursera

Знания без границ

Учитесь у лучших университетов и компаний мира.

Открыть Coursera
Интеграция
Пространство университета
Моё пространствоСтраница курса
↵
ЯЛичный кабинетСтудент
© 2026 LearnSpaceКаждый день — возможность узнать больше.Помощь
Next.js 14 from Scratch · LearnSpace
Назад в каталог
courseraПрограммирование

Next.js 14 from Scratch

Курс от Packt
Средний≈ 17.5 чАнглийский
О курсеНавыкиПрограммаПреподаватели

О курсе

Updated in May 2025. This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. This comprehensive course is designed to equip you with the skills needed to build modern, high-performance web applications using Next.js 14. You'll learn how to create dynamic websites with ease, leveraging server-side rendering, API routes, and authentication systems. By the end of the course, you'll be able to develop and deploy a full-stack property rental platform. The course begins with a deep dive into the fundamentals of Next.js, including understanding its core features, setting up your development environment, and building a project from scratch. You'll start by creating a property rental website, PropertyPulse, and will walk through essential Next.js features such as file-based routing, components, and conditional rendering. As the course progresses, you'll learn how to integrate a MongoDB database, set up API routes for CRUD operations, and implement advanced features like user authentication with Google OAuth. You'll build a robust backend using Mongoose to handle database interactions and explore the creation of dynamic property pages, bookmarking, and messaging functionalities. This course is ideal for developers with some basic understanding of JavaScript and React who want to take their skills to the next level with Next.js. You'll learn practical techniques for building, managing, and deploying full-stack applications, including integration with external tools like Cloudinary and Vercel. If you're interested in developing modern web applications, this course offers an in-depth and hands-on experience.

Навыки, которые вы освоите

Application Programming Interface (API)Back-End Web DevelopmentServer SideOAuthAuthenticationsUI ComponentsRestful APIReact.jsObject-Relational MappingWeb ApplicationsJavaScript FrameworksProperty Management SystemsCloud HostingWeb Development

Программа курса

10 модулей · 95 учебных материалов

01Introduction5 материалов

Introduction

Welcome To The CourseВидеоFull Course ResourcesЧтениеPropertyPulse Project DemoВидеоWhat Is Next.js?Видео

Учитесь у экспертов

Packt - Course Instructors

Преподаватель курса

Next.js 14 from Scratch
В каталоге вашей программы

Инвестируйте в себя

Новые знания — в удобное для вас время.

Начать на Coursera

Обучение откроется на Coursera
в новой вкладке

Обучение на Coursera

≈ 17.5 ч

10 модулей

Язык: Английский

Субтитры: Казахский

Часть программы вашего университета
Environment SetupВидео
02Next.js Fundamentals & Project Start14 материалов

Next.js Fundamentals & Project Start

New Project & Folder StructureВидеоLayout, Homepage & MetadataВидеоFile-Based RoutingВидеоServer vs Client Components & Router HooksВидеоStart On The NavbarВидеоNavbar Links, Dropdowns & React IconsВидеоActive Links & Conditional RenderingВидеоHomepage ComponentsВидеоProperties PageВидеоProperty Card Dynamic DataВидеоHome Property ListingsВидеоCustom Not Found & Loading PagesВидеоCreating a Next.js Application and Understanding File-Based RoutingDIALOGUENext.js Fundamentals & Project Start - AssessmentЗадание
03Database, API Routes & Property Components13 материалов

Database, API Routes & Property Components

Create MongoDB DatabaseВидеоMongoDB Compass & Importing DataВидеоDatabase Connection & MongooseВидеоYour First API RouteВидеоProperty & User ModelsВидеоFetch Data Using Server ComponentВидеоRequests FileВидеоFetch Single PropertyВидеоSingle Property PageВидеоProperty Details ComponentВидеоSpinner ComponentВидеоSetting Up a MongoDB Database in Node.jsDIALOGUEDatabase, API Routes & Property Components - AssessmentЗадание
04Next Auth, Sessions & Google Provider9 материалов

Next Auth, Sessions & Google Provider

Google OAuth SetupВидеоNext Auth & Provider SetupВидеоSession Provider WrapperВидеоSign In ButtonВидеоSave User to Database & SessionВидеоProfile ImageВидеоSign Out & Protect RoutesВидеоImplementing Google Authentication with Next.jsDIALOGUENext Auth, Sessions & Google Provider - AssessmentЗадание
05Create Properties & Cloudinary Integration8 материалов

Create Properties & Cloudinary Integration

Add Property Form & Component StateВидеоForm Input HandlersВидеоAdd Property POST API RouteВидеоGet User & Submit To DatabaseВидеоCloudinary Image UploadВидеоProperty Image DisplayВидеоRefactoring a Form into a React Component with State ManagementDIALOGUECreate Properties & Cloudinary Integration - AssessmentЗадание
06Profile & Manage Properties8 материалов

Profile & Manage Properties

User Profile Info DisplayВидеоUser Profile ListingsВидеоDeleting PropertiesВидеоToast NotificationsВидеоEdit Property FormВидеоUpdate PUT API RouteВидеоCreating a User Profile Page in ReactDIALOGUEProfile & Manage Properties - AssessmentЗадание
07Map, Bookmarks & Sharing10 материалов

Map, Bookmarks & Sharing

Geocoding & Mapbox MapВидеоHandle Geocode ErrorВидеоProperty Page CleanupВидеоBookmark API RouteВидеоBookmark Button RequestВидеоBookmark Status & Button ToggleВидеоSaved Properties PageВидеоShare ButtonsВидеоImplementing Interactive Maps with Geocoding in ReactDIALOGUEMap, Bookmarks & Sharing - AssessmentЗадание
08Property Search6 материалов

Property Search

Property Search ComponentВидеоSearch API EndpointВидеоFetch Results From APIВидеоDisplay Search ResultsВидеоComponentizing and Handling Search in ReactDIALOGUEProperty Search - AssessmentЗадание
09Messaging System12 материалов

Messaging System

Message Model & Form StateВидеоMessage Submit & API RouteВидеоRequire Auth For Contact FormВидеоFetch MessagesВидеоDisplay MessagesВидеоMark As ReadВидеоDelete MessagesВидеоOrder New FirstВидеоNew Message Count DisplayВидеоGlobal Context For Unread MessagesВидеоDesigning a Mongoose Schema for MessagesDIALOGUEMessaging System - AssessmentЗадание
10Pagination, Featured, Lightbox & Deploy10 материалов

Pagination, Featured, Lightbox & Deploy

Properties Client Component RefactorВидеоImplement PaginationВидеоPagination ComponentВидеоPhotoswipe LightboxВидеоFetch Featured PropertiesВидеоFeatured Property ComponentВидеоDeploy To VercelВидеоPagination, Featured, Lightbox & Deploy - AssessmentЗаданиеFull Course Practice AssessmentЗаданиеFull Course AssessmentЗадание