Tin mới nhất

Menu

Chia Sẻ Khóa Học Next.js Từ Đầu 2024 [Khóa 6819 A]

Xây dựng một project trong thế giới thực bằng Next.js 14 và MongoDB.

Bạn sẽ học được gì:

  • ✓ Tìm hiểu các nền tảng của Next JS 14.
  • ✓ Xây dựng một Website cho thuê bất động sản trong thế giới thực từ đầu.
  • ✓ File-Based Routing, React Server Components, Data Fetching, API Routes+.
  • ✓ Next Auth & Google Provider for Authentication & Authorization.
  • ✓ Sử dụng MongoDB & Mongoose trong API Routes.
  • ✓ Internal Messaging, Bookmarks, Search, Image Lightboxes, Pagination+.
  • ✓ Triển khai Cloudinary để lưu trữ và tối ưu hóa hình ảnh.

Đây là khóa học dựa trên dự án sẽ hướng dẫn bạn cách sử dụng Next.js trong thế giới thực. Chúng tôi sử dụng tất cả các tính năng mới nhất trong Next 14 để xây dựng một website cho thuê bất động sản nơi người dùng có thể duyệt, tìm kiếm và quản lý danh sách bất động sản.

Next.js là tương lai của React. Các Server-side rendered website và static website đang trở thành tiêu chuẩn đối với các single page application và Next.js cho phép bạn xây dựng cả hai một cách dễ dàng. Học Next sẽ mang lại cho bạn lợi thế rất lớn khi phát triển web hiện đại.

Project sẽ có các tính năng sau:

  • ✓ User authentication với Google & Next Auth.
  • ✓ User authorization.
  • ✓ RESTful API routes.
  • ✓ Route protection.
  • ✓ User profile với user listings.
  • ✓ Property Listing CRUD.
  • ✓ Property image upload (Multiple).
  • ✓ Tích hợp Cloudinary.
  • ✓ Property search.
  • ✓ Internal messages với 'unread' notifications.
  • ✓ Photoswipe image gallery.
  • ✓ Mapbox maps.
  • ✓ Toast notifications.
  • ✓ Property bookmarking / saved properties.
  • ✓ Chia sẻ bất động sản lên social media.
  • ✓ Loading spinners.
  • ✓ Responsive design (Tailwind).
  • ✓ Custom 404 page.

Khóa học này sẽ cung cấp cho bạn tất cả các kỹ năng cần thiết để bắt đầu tạo các ứng dụng Next.js full stack của riêng mình với API routes.

Dưới đây là một số package và công nghệ mà chúng tôi sẽ sử dụng:

  • ✓ Next.js 14.
  • ✓ React.
  • ✓ Tailwind CSS.
  • ✓ MongoDB.
  • ✓ Mongoose.
  • ✓ Next Auth.
  • ✓ React Icons.
  • ✓ Photoswipe.
  • ✓ Cloudinary.
  • ✓ Mapbox.
  • ✓ React Map GL.
  • ✓ React Geocode.
  • ✓ React Spinners.
  • ✓ React Toastify.
  • ✓ React Share.

Mục lục:

  • ✓ 01. Giới thiệu.
  • ✓ 02. Next.js Fundamentals & Project Start.
  • ✓ 03. Database, API Routes & Property Components.
  • ✓ 04. Next Auth, Sessions & Google Provider.
  • ✓ 05. Tạo Properties & Cloudinary Integration.
  • ✓ 06. Profile & Manage Properties.
  • ✓ 07. Map, Bookmarks & Sharing.
  • ✓ 08. Property Search.
  • ✓ 09. Messaging System.
  • ✓ 10. Pagination, Featured, Lightbox & Deploy.

Khóa học này dành cho ai:

  • ✓ Những người hiểu React muốn bắt đầu xây dựng các trang web và ứng dụng mạnh mẽ hơn với Next JS.


NHẬN GET EBOOK TRÊN AMAZON THEO YÊU CẦU




Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.
Tuyên bố miễn trừ bản quyền:
Trang web này không lưu trữ bất kỳ tệp nào trên máy chủ của nó. Chúng tôi chỉ lập chỉ mục và liên kết đến nội dung được cung cấp bởi các trang web khác. Vui lòng liên hệ với các nhà cung cấp nội dung để xóa nội dung bản quyền nếu có và gửi email cho chúng tôi, chúng tôi sẽ xóa các liên kết hoặc nội dung có liên quan ngay lập tức.

Chia sẽ bài viết lên:

Nhà Sách Tin Học

Chào mừng các bạn đến với Blog Nhà Sách Tin Học. Thông qua Blog này mình muốn chia sẻ đến các bạn những kiến thức về tin học, các tài liệu hay giáo trình mà mình có hoặc siêu tầm được... Mình rất mong được sự ủng hộ nhiệt tình của các bạn bằng cách comment bài viết, chia sẻ bài viết hoặc liên hệ với mình qua blog này! Mình xin cảm ơn!

No Comment to " Chia Sẻ Khóa Học Next.js Từ Đầu 2024 [Khóa 6819 A] "

  • To add an Emoticons Show Icons
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM