Next.js From Scratch 2024

سرفصل های دوره

Build a real-world project using Next.js 14 and MongoDB

1. Introduction

1. Welcome To The Course

2. PropertyPulse Project Demo

3. What Is Next.js

4. Environment Setup

2. Next.js Fundamentals & Project Start

1.1 theme files.zip

1. New Project & Folder Structure

2. Layout, Homepage & Metadata

3. File-Based Routing

4. Server vs Client Components & Router Hooks

5.1 Navbar.jsx.zip

5. Start On The Navbar

6.1 Navbar.jsx.zip

6. Navbar Links, Dropdowns & React Icons

7.1 Navbar.jsx.zip

7. Active Links & Conditional Rendering

8. Homepage Components

9.1 properties.json.zip

9. Properties Page

10. Property Card Dynamic Data

11. Home Property Listings

12. Custom Not Found & Loading Pages

3. Database, API Routes & Property Components

1. Create MongoDB Database

2.1 properties Import.json.zip

2. MongoDB Compass & Importing Data

3. Database Connection & Mongoose

4. Your First API Route

5. Property & User Models

6. Fetch Data Using Server Component

7. Requests File

8. Fetch Single Property

9. Single Property Page

10. Property Details Component

11. Spinner Component

4. Next Auth, Sessions & Google Provider

1. Google OAuth Setup

2. Next Auth & Provider Setup

3. Session Provider Wrapper

4. Sign In Button

5. Save User to Database & Session

6. Profile Image

7. Sign Out & Protect Routes

5. Create Properties & Cloudinary Integration

1. Add Property Form & Component State

2. Form Input Handlers

3. Add Property POST API Route

4. Get User & Submit To Database

5. Cloudinary Image Upload

6. Property Image Display

6. Profile & Manage Properties

1. User Profile Info Display

2. User Profile Listings

3. Deleting Properties

4. Toast Notifications

5. Edit Property Form

6. Update PUT API Route

7. Map, Bookmarks & Sharing

1. Geocoding & Mapbox Map

2. Handle Geocode Error

3. Property Page Cleanup

4. Bookmark API Route

5. Bookmark Button Request

6. Bookmark Status & Button Toggle

7. Saved Properties Page

8. Share Buttons

8. Property Search

1. Property Search Component

2. Search API Endpoint

3. Fetch Results From API

4. Display Search Results

9. Messaging System

1. Message Model & Form State

2. Message Submit & API Route

3. Require Auth For Contact Form

4. Fetch Messages

5. Display Messages

6. Mark As Read

7. Delete Messages

8. Order New First

9. New Message Count Display

10. Global Context For Unread Messages

10. Pagination, Featured, Lightbox & Deploy

1. Properties Client Component Refactor

2. Implement Pagination

3. Pagination Component

4. Photoswipe Lightbox

5. Fetch Featured Properties

6. Featured Property Component

7. Deploy To Vercel

54,900 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

در این روش نیاز به افزودن محصول به سبد خرید و تکمیل اطلاعات نیست و شما پس از وارد کردن ایمیل خود و طی کردن مراحل پرداخت لینک های دریافت محصولات را در ایمیل خود دریافت خواهید کرد.

تولید کننده: Udemy