🔥Được vừa ra mắt khóa học Next.js Super đấy, xem thử đi nào

KHÓA HỌC NEXT.JS SUPER

Một khóa học toàn diện nhất về
Next.js framework

Thực hành trên dự án thực tế Quản lý quán ăn - Gọi món bằng QR Code. Đưa bạn trở thành TOP 1% lập trình viên Next.js chỉ trong một khóa học.

Đăng ký khóa học ngay

Khóa học Next.js #Top 1 tìm kiếm trên Youtube

Ngoài phiên bản khóa học Next.Js trả phí mà bạn đang xem đây, mình còn đăng tải một khóa học Next.js 14 miễn phí cho mọi người trên kênh Youtube Được Dev của mình

Với tiêu chí khóa học miễn phí nhưng chất lượng phải xịn hơn nhiều khóa trả phí ngoài kia

Khóa học của mình đã leo lên #TOP1 Youtube với các từ khóa: NextJs, Khóa học NextJs, Học NextJs,...

Top 1 tìm kiếm khóa học NextJs trên Youtube

Và đã giúp ích cho hơn hàng ngàn bạn hiểu rõ hơn về NextJs mà không tốn một xu

Lời cảm ơn từ học viên khóa học NextJs miễn phí trên Youtube

Lời cảm ơn từ học viên khóa học NextJs miễn phí trên Youtube

Nhưng có vẻ điều đó là chưa đủ

Viewer của mình cần một khóa học nâng cao với 1 dự án lớn hơn

Vậy nên đó là lý do mình cho ra mắt khóa học Next.Js Super trả phí này

Khóa học tốt nhất mình từng làm

Mình đã nghiên cứu rất kỹ các khóa học ngoài thị trường

Và nhận ra khuyết điểm của các khóa học hiện nay đó là

  • ❌ Dành quá nhiều thời gian để Code UI, điều này khá là chán khi học React hay Next
  • ❌ Dự án trong nhỏ và bị giới hạn bởi phạm vi khóa học
  • ❌ Khó đem dự án làm Đồ án tốt nghiệp, bỏ vào CV hoặc thương mại hóa

Đó là lý do trong khóa học Next.js Super này, các bạn không cần phải tự code từng dòng HTML, CSS nữa

Vì mình cung cấp sẵn template dự án cho các bạn, tiết kiệm hơn 50% thời gian học

Giúp ta tập trung hơn vào việc code Next.js, chúng ta sẽ làm được nhiều thứ hơn

Còn về vấn đề dự án khó mở rộng, mình cung cấp các bạn full source code backend và database luôn

Trong source mình có comment, hướng dẫn rất chi tiết để các bạn có thể phát triển thêm tính năng cũng như là thương mại hóa kiếm tiền từ dự án

Kiến thức Next.Js giúp mình kiếm hơn 50k$/năm sẽ có trong khóa học Next.Js Super này

Website mà bạn đang đọc đây được code bằng Next.js

Với khả năng hỗ trợ SEO tốt của Next.js, mình đã tối ưu website để lên top 1 google search nhiều bài viết

Từ một website vô danh, hiện nay blog mình đạt 22k view / tháng, dù mình đã không viết bài mới từ hơn 1 năm nay

22 ngàn view mỗi tháng từ Google Search

Đó là sự kỳ diệu của việc kết hợp Next.js và SEO

Trong khóa này, mình sẽ hướng dẫn các bạn tất tần tật về SEO với Next.js

Từ việc SEO meta opengraph như thế nào, làm thế nào để xuất hiện trên google, làm thế nào để tăng thứ hạng,... sẽ có hết trong khóa này

Ngoài ra các tính năng signature của Next.js như: Server Rendering, Route Handler, Caching cũng được mình hướng dẫn chi tiết

Nếu các bạn tự hỏi dự án Quản lý quán ăn - Gọi món bằng QR Code dùng công nghệ gì

Thì đây là những công nghệ chính mà mình dùng trong dự án

  • FrontEnd: Next.js 14 App Router, TypeScript, TailwindCSS, ShadCn UI, Tanstack Query, WebSockets (Socket.io)
  • BackEnd: Fastify, Prisma, TypeScript, JWT, WebSockets (Socket.io)
  • Database: SQL Lite

Cuối cùng chúng ta sẽ deploy website lên Vercel, Render và cho nó xuất diện lên trên Google

Nội dung khóa học Next.js Super

Khóa học được chia làm 2 phần chính: Next.js 14 cơ bản và Dự án Quản lý quán ăn - Gọi món bằng QR Code

  1. Chương 1: Hướng dẫn học và Group hỗ trợ học viên Quan trọng

    Đây là chương bắt buộc các bạn phải xem, vì tại đây mình sẽ hướng dẫn các bạn cách học hiệu quả nhất có thể.

    Nơi này cũng chứa thông tin về Group hỗ trợ Facebook và Telegram, Github dự án, tài liệu khóa học.

    Group telegram hỗ trợ
  2. Chương 2: Next.js cơ bản

    Các bạn sẽ được học 90% kiến thức Next.js.

    Tại sao lại là 90% mà không phải là 100%?

    Vì 10% còn lại là kiến thức nâng cao, chúng ta sẽ được học và thực hành khi làm dự án

    Không chỉ là lý thuyết suông, các bạn sẽ được thực hành qua dự án CRUD đơn giản

    Phần này mình public free trên kênh Youtube Được Dev

  3. Chương 3: React 19 và Next.js 15

    Vì khóa này mình quay vào thời điểm Q2/2024, lúc này version Next.js là v14, mình muốn rằng sau này Next.js có ra v15 thì các bạn vẫn có thể học bình thường

    Đó là lý do mình dạy luôn React 19 và Next.js 15 cho các bạn trong khóa này

  4. Chương 4: Phân tích tính năng và CSDL dự án Quản lý quán ăn - Gọi món bằng QR Code

    Những dự án đơn giản thì sẽ không có gì đáng nói, nhưng đây là một dự án lớn và lạ với nhiều bạn

    Vậy nên việc phân tích các chức năng và vẽ sơ đồ cơ sở dữ liệu là điều cần thiết

    Trong phần này này mình sẽ hướng dẫn các bạn vẽ sơ đồ UML để hiểu rõ dự án hơn

  5. Chương 5: Hướng dẫn dùng server và template

    Vì mình sẽ cung cấp full source code backend được viết bằng Fastify, SQLite nên mình cần phải hướng dẫn để các bạn chạy trên máy tính cá nhân

    Cùng với đó là giới thiệu các API của dự án để các bạn tích hợp vào Next.js

    Mình cũng cung cấp một template hoàn chỉnh được code bằng Next.js, ShadCn UI, TailwindCss nên là các bạn không cần phải css nhiều

  6. Chương 6: Authentication

    Chương 7: Profile cá nhân

    Chương 8: Xử lý refresh token

    Chương 9: Quản lý tài khoản nhân viên

    Chương 10: Quản lý món ăn

    Chương 11: Quản lý bàn ăn, tạo QR Code

    Chương 12: Trang chủ và caching

    Chương 13: Khách hàng gọi món và Websocket

    Chương 14: Quản lý đơn hàng

    Chương 15: Dashboard

    Chương 16: Phân quyền nhân viên

    Chương 17: Login bằng tài khoản google

    Chương 18: Zustand

    Chương 19: Parallel Routes & Intercepting Routes

    Chương 20: Đa ngôn ngữ (i18n)

    Chương 21: SEO

    Đây là 16 chương quan trọng nhất của khóa học, chứa đựng hầu hết logic của dự án

    Học xong 16 chương này, bạn sẽ có một dự án Quản lý quán ăn - Gọi món bằng QR Code ngon lành ở localhost

    Muốn deploy thì để chương sau nhé

  7. Chương 22: Deploy Next.js lên Vercel

    Mình sẽ hướng dẫn các bạn deploy Next.js lên Vercel

  8. Chương 23: Tối ưu UI/UX, kích thước file build và hơn thế nữa

    Chia sẻ các mẹo tối ưu mã nguồn, bundle và cách mình đã giảm 400KB bundle frontend như thế nào

    Ngoài ra còn một số mẹo về Authentication, SEO, i18n,...

Chưa hết, bạn còn nhận được bộ quà tặng trị giá 230$ đi kèm

eBook thôi miên nhà tuyển dụng bằng nghệ thuật ngôn từ

Kinh nghiệm giúp mình chưa fail vòng review CV nào

eBook thôi miên nhà tuyển dụng bằng nghệ thuật ngôn từ

  • tickKỹ năng viết CV gây ấn tượng ngay lần đầu nhìn vào
  • tickKinh nghiệm phỏng vấn cho người mới

ebook này là những kinh nghiệm mà mình học hỏi, đúc kết trong suốt những năm đi làm, giờ đây bạn sẽ sở hữu những kinh nghiệm đó của mình mà không cần tốn đến vài năm.

Còn phần quà nào nữa không? Còn chứ, bạn nhận được thêm 2 ebook📔 về kỹ năng debug css và cấu trúc lại css trị giá 130$

Tổng giá trị phần quà lên đến hơn 4 triệu đồng 💵 khi bạn tham gia khóa học này

Người hướng dẫn

Dư Thanh Được mentor khóa học ReactJs

Mình sẽ giúp bạn level up skill 🚀 lên nhanh nhất có thể

“ Được hiện là một Front-End developer với hơn 4 năm kinh nghiệm làm việc thực tế. Năm 20 tuổi, mình đã viết một ứng dụng đầu tiên trong 4 giờ và nhanh chóng giúp mình kiệm được 1000$ chỉ trong 3 ngày sau đó.”

Dư Thanh Được

Senior Front-End Developer

Mình phải chi bao nhiêu để học
khóa học Next.js Super

Mức giá chính thức của khóa học là 1,590,000đ

Đúng vậy!

Đó là mức giá các bạn mua 6 tháng quay video, cộng thêm thời gian mình support các bạn trong suốt thời gian học

Giả sử các bạn dành ra 3 tháng để học thì mỗi tháng chỉ tốn hơn 500k

Một con số rất nhỏ để đổi lại mức lương sau này bạn kiếm được

Dưới đây là so sánh để các bạn có cái nhìn tổng quan về khóa học Next.js Super của mình

Khóa học khác ở 🌎 và Việt Nam 🇻🇳

300,000 - 2,500,000đ

Nội dung
Nội dungIncluded
Next.js cơ bản
Phân tích và thiết kế databaseKhông có
Cung cấp APIKhông cung cấp mã nguồn backend, nếu có thì không thể phát triển dựa trên mã nguồn đó
Dự ánThường là quy mô nhỏ trong phạm vi khóa học
TypescriptThường chỉ dùng Javascript, một số ít khóa học là dùng TypeScript
SEOSEO Next.js cơ bản
Kĩ năng DebugKhông có
Nền tảng
Nội dungIncluded
Học online 24/7
Học trên điện thoại
Thời gian họcBị giới hạn thời gian
Hỗ trợ khi học
Nội dungIncluded
Hỗ trợ các vấn đề trong khóa học
Hỗ trợ các vấn đề ngoài khóa học (ví dụ dự án ngoài, dự án cty)Không có
Combo quà tặng trị giá hơn 230$Không có

ReactJs Super🔥

1,590,000đ

Mua Next.js Super
Nội dung
Nội dungIncluded
Next.js cơ bản
Phân tích và thiết kế database
Cung cấp APICung cấp full mã nguồn API được viết bằng Fastify Node.js TypeScript chi tiết, có thể code thêm tính năng cực dễ dàng
Dự ánDự án lớn và không đụng hàng. Có thể phát triển thêm tính năng không giới hạn
TypescriptÁp dụng Typescipt ngay từ đầu
SEOSEO Next.js và kiến thức SEO để lên top 1 google
Kĩ năng DebugHiểu rõ về cách debug, tự xử lý lỗi
Nền tảng
Nội dungIncluded
Học online 24/7
Học trên điện thoại
Thời gian họcMua 1 lần, học mãi mãi, update liên tục theo kiến thức mới
Hỗ trợ khi học
Nội dungIncluded
Hỗ trợ các vấn đề trong khóa học
Hỗ trợ các vấn đề ngoài khóa học (ví dụ dự án ngoài, dự án cty)
Combo quà tặng trị giá hơn 230$
Mua combo 2 khóa Next.js Super và Node.js Super tiết kiệm đến 200,000đ

Nói đến đây, nếu bạn đã đồng ý đầu tư cho kiến thức và sự thành công trong tương lai của mình thì chỉ đăng ký học theo hướng dẫn bên dưới

Chỉ với 5 bước đơn giản:

Bước 1: Đăng ký học viên tại https://edu.duthanhduoc.com

Bước 2: Chọn khóa học Next.js Super

Bước 3: Chọn Mua ngay hoặc Thêm vào giỏ hàng

Bước 4: Vào giỏ hàng và thanh toán như hướng dẫn. Sau khi chuyển khoản thành công, hệ thống sẽ tự động kích hoạt khóa học cho bạn.

Bước 5: Bắt đầu học thôi 😁

Dưới đây là video hướng dẫn siêu chi tiết

Tuy nhiên, hãy lưu ý...

Khóa học này không dành cho bạn nếu

Bạn chưa từng học JavaScript hay React

Đúng vậy, đây là khóa Next.js nên mình sẽ không dạy lại các kiến thức cơ bản về JavaScript hay React.

Vì Next.js là một framework nâng cao của React.js

Nên sẽ rất khó khăn nếu bạn chưa biết gì về React.js

Mình không đặt lợi nhuận lên hàng đầu để lừa dối mọi người mua khóa học

Thật vô nghĩa nếu làm vậy!

Vậy nên chúng ta cần làm rõ

Các bạn không cần phải hiểu biết chuyên sâu về Javascript, React.js

Nhưng tối thiểu là đã từng tiếp xúc với React.js rồi

Bây giờ bạn có 2 sự lựa chọn

Bạn có thể tham gia ngay bây giờ để tiết kiệm chi phí và trang bị cho mình những kiến thức chất lượng để có cơ hội thành công trong sự nghiệp lập trình sau này

Và rất có thể nếu bạn siêng năng, cộng thêm một chút may mắn bạn sẽ tìm được công việc FrontEnd Developer, hoặc thậm chí là Full Stack Developer

Hoặc lựa chọn thứ 2 là bạn tiếp tục con đường cũ. Đó là tự mày mò và tự tìm hiểu những khóa học ngoài kia.

Rất có thể bạn cũng tìm được khóa học tốt, hoặc không.

Nhưng nếu bạn muốn tiết kiệm thời gian & tiền bạc,... đồng thời trang bị cho mình những kiến thức xịn sò nhất trong thị trường Front-End này.

Dù sao thì quyết định cuối cùng vẫn luôn nằm ở bạn.

Đôi khi chỉ cần một khoảnh khắc quyết đoán, cả cuộc sống sau này của bạn có thể thay đổi một cách bất ngờ.

FAQ - Những câu hỏi thường gặp

Khóa học này phù hợp với ai?Open iconicon that represents the state of the summary

Các bạn đã có kiến thức React.js muốn nâng cao trình độ

Không biết gì về Javascript có học được không?Open iconicon that represents the state of the summary

Không! Bạn cần có một chút kiến thức Javascript căn bản để bắt đầu học khóa học này

Dự án Quản lý quán ăn - Gọi món bằng QR Code này có đủ để xin việc không?Open iconicon that represents the state of the summary

Tất nhiên là có, đây là mục tiêu đặt ra của khóa học

Có hỗ trợ deploy hay không?Open iconicon that represents the state of the summary

Có, dự án deploy lên Vercel và Render. Trong khóa này mình sẽ không hướng dẫn deploy lên VPS, vì đây là một chủ đề dài, mình sẽ để ở 1 khóa học khác

Level của khóa này là gì?Open iconicon that represents the state of the summary

Khóa này theo mình đánh giá là ở cấp độ trung cấp - nâng cao

Có bài tập hay không?Open iconicon that represents the state of the summary

Có những bài lab nhỏ. Nhưng thành thật mình khuyên bạn không nên tập trung quá nhiều vào việc giải bài tập. Hãy làm 1 dự án lớn thì sẽ đem lại nhiều kiến thức hơn.

Tôi có được hỗ trợ khi học hay không? Ai là người hỗ trợ?Open iconicon that represents the state of the summary

Khi mua khóa học, các bạn xem video đầu tiên để xem thông tin group Facebook hỗ trợ riêng biệt, tại đây bạn có thể đăng câu hỏi thắc mắc, mình và các bạn học viên khác sẽ hỗ trợ cho bạn.

Một tài khoản có thể dùng cho nhiều người được không?Open iconicon that represents the state of the summary

Rất tiết là không, hệ thống của mình giới hạn số lượng các thiết bị đăng nhập vào cùng một tài khoản. Vì thế bạn không thể dùng cho nhiều người được. Mình đã tính toán để bạn khỏi phải lo nếu dùng một người thì rất khó bị khóa tài khoản. Nếu bạn cố tình chia sẻ thì hệ thống sẽ tự động khóa tài khoản của bạn, lúc này bạn phải liên hệ mình để mở khóa.

Tài khoản có bị giới hạn thời gian học không?Open iconicon that represents the state of the summary

Không, bạn mua một lần và học được mãi mãi

Tôi mua tài khoản từ người khác, hoặc một khóa học từ người khác thì có được hỗ trợ không?Open iconicon that represents the state of the summary

Không, mình không chịu trách nhiệm khi bạn mua những khóa học lậu ngoài kia. Ngoài rủi ro có thể bị lừa mất tiền, bạn còn không được mình hỗ trợ khi gặp khó khăn. Không được tham gia các webinar chia sẻ kinh nghiệm thường xuyên của mình, không được tham gia cộng đồng Next.js Super sôi nổi - nơi bạn có thể học hỏi, làm quen và thúc đẩy nhau trong việc học. Tự học nếu muốn nhanh và có động lực thì nên có người hướng dẫn và bạn đồng hành

Tôi có thể download khóa học được không?Open iconicon that represents the state of the summary

Không, khóa học chỉ có thể học online. Hệ thống của mình hạn chế việc download video khóa học nhưng mình biết không gì là tuyệt đối cả. Mình hy vọng các bạn tôn trọng kiến thức của mình mà không nên tải về share lại cho người khác.