Next.js 14 از ابتدا: ساخت یک پروژه واقعی با استفاده از Next.js 14 و MongoDB

مدرس Packt Publishing

انتشار 2026/02/23

مدت زمان 11h 51m

سطح مناسب همه

فایل تمرینی دارد

آموزش Next.js 14 from Scratch: Build a Real-World Project Using Next.js 14 and MongoDB

در این دوره آموزشی، نحوه استفاده از Next.js 14 برای ایجاد یک پلت فرم اجاره ملک با ویژگی های جامع را بیاموزید. مقدمه ای برای Next.js دریافت کنید و اهمیت آن را به عنوان آینده توسعه React با توانایی آن در تولید وب سایت های رندر شده از سمت سرور و استاتیک به طور کارآمد برجسته کنید. یک پروژه در دنیای واقعی بسازید و یاد بگیرید که چگونه احراز هویت کاربر را با Google و NextAuth پیاده سازی کنید، همچنین مسیرهای API RESTful، محافظت از مسیر و نمایه های کاربر را بیاموزید. سایر قابلیت‌های کلیدی مانند فهرست دارایی CRUD، آپلود تصویر با ادغام ابری، و ویژگی‌های پیشرفته مانند نقشه‌های Mapbox و گالری عکس Photoswipe را کاوش کنید. اهمیت این فناوری ها را در ایجاد برنامه های کاربردی وب بسیار تعاملی و کاربرپسند کشف کنید. این دوره برای متخصصان فناوری اطلاعات که قبلاً درک اساسی از جاوا اسکریپت و React دارند و به دنبال ارتقای مهارت های توسعه وب خود هستند مناسب است.این دوره توسط Packt Publishing ایجاد شده است. ما خوشحالیم که میزبان این آموزش در کتابخانه خود هستیم.

MongoDB Next.js Web Development

Introduction

Welcome to the course ()

PropertyPulse project demo ()

What is Next.js? ()

Environment setup ()

1. Next.js Fundamentals and Project Start

New project and folder structure ()

Layout, homepage, and metadata ()

File-based routing ()

Server vs. client components and router hooks ()

Start on the navbar ()

Navbar links, drop-downs, and React icons ()

Active links and conditional rendering ()

Homepage components ()

Properties page ()

Property card dynamic data ()

Home property listings ()

Custom not found and loading pages ()

2. Database, API Routes, and Property Components

Create MongoDB database ()

MongoDB Compass and importing data ()

Database connection and Mongoose ()

Your first API route ()

Property and user models ()

Fetch data using server component ()

Requests file ()

Fetch single property ()

Single property page ()

Property details component ()

Spinner component ()

3. NextAuth, Sessions, and Google Provider

Google OAuth setup ()

NextAuth and provider setup ()

Session provider wrapper ()

Sign-in button ()

Save user to database and session ()

Profile image ()

Sign-out and protect routes ()

4. Create Properties and Cloudinary Integration

Add property form and component state ()

Form input handlers ()

Add property POST API route ()

Get user and submit to database ()

Cloudinary image upload ()

Property image display ()

5. Profile and Manage Properties

User profile info display ()

User profile listings ()

Deleting properties ()

Toast notifications ()

Edit property form ()

Update PUT API route ()

6. Map, Bookmarks, and Sharing

Geocoding and Mapbox map ()

Handle geocode error ()

Property page cleanup ()

Bookmark API route ()

Bookmark button request ()

Bookmark status and button toggle ()

Saved properties page ()

Share buttons ()

7. Property Search

Property search component ()

Search API endpoint ()

Fetch results from API ()

Display search results ()

8. Messaging System

Message model and form state ()

Message submit and 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 ()

9. Pagination, Featured, Lightbox, and Deploy

Properties client component refactor ()

Implement pagination ()

Pagination component ()

Photoswipe lightbox ()

Fetch featured properties ()

Featured property component ()

Deploy to Vercel ()

Ex_Files_Nextjs_14_from_Scratch.zip (134 KB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.