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

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 تومان
    بیش از یک محصول به صورت دانلودی میخواهید؟ محصول را به سبد خرید اضافه کنید.
    خرید دانلودی فوری

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

    ایمیل شما:
    تولید کننده:
    مدرس:
    شناسه: 37814
    حجم: 6504 مگابایت
    مدت زمان: 712 دقیقه
    تاریخ انتشار: 21 خرداد 1403
    طراحی سایت و خدمات سئو

    54,900 تومان
    افزودن به سبد خرید