Khóa học Next.js đầy đủ nhất trên internet
Học Next.js thực tế với dự án 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.
- Top 1 Youtube search
- Top 1 Google search
Mọi người nói gì về khóa học
✨ Youtube
#Top1 tìm kiếm
Youtube và Google
Để có được những bình luận phía trên, mình đã public 20% nội dung khóa học Next.js Super lên kênh Youtube Được Dev. Ngay sau đó, khóa học của mình đã leo lên vị trí #Top1 Youtube với các từ khóa: Khóa học NextJs, Học Next, NextJs... Có thể 1 ngày nào đó nó sẽ rơi xuống #Top2, #Top3 do thuật toán tìm kiếm của Google thay đổi, điều này cũng không quan trọng. Vì dù sao thì nó cũng đã đứng ở vị trí #TOP1 thời gian khá dài.
Thấu hiểu
Nỗi đau của bạn
Mình đã research hơn 25 khóa học Next.js ngoài kia trước khi tạo ra khóa Next.js Super để giúp bạn x2 tốc độ học tập
- 100% UI dự án Quản lý quán ăn được mình cung cấp, bạn không cần phải tự code từng dòng HTML, CSS
- Được cấp full source code Backend và Database có thể mở rộng thoải mái
- Bỏ vào CV xin việc, làm đồ án tốt nghiệp hoặc thương mại hóa sản phẩm để kiếm tiền đều có thể làm với dự án này
Kiến thức Next.Js trong khóa này giúp mình kiếm hơn 50k$/năm
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 trung bình 22k views/tháng, dù mình đã không viết bài mới từ hơn 1 năm nay
Đó 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 học Next.js 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
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
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.
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
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
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
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
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é
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
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,...
Quà tặng
Bạn còn nhận được phần quà 230$
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ừ
- Kỹ năng viết CV gây ấn tượng ngay lần đầu nhìn vào
- Kinh 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
“
Mình sẽ giúp bạn level up skill 🚀 lên nhanh nhất có thể
“ Được hiện là một Fullstack developer với hơn 5 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
Giá
Mình phải chi bao nhiêu để 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
300,000 - 2,500,000đ
| Nội dung | Included |
|---|---|
| Next.js cơ bản | Có |
| Phân tích và thiết kế database | Không có |
| Cung cấp API | Khô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ự án | Thường là quy mô nhỏ trong phạm vi khóa học |
| Typescript | Thường chỉ dùng Javascript, một số ít khóa học là dùng TypeScript |
| SEO | SEO Next.js cơ bản |
| Kĩ năng Debug | Không có |
| Nội dung | Included |
|---|---|
| Học online 24/7 | Có |
| Học trên điện thoại | Có |
| Thời gian học | Bị giới hạn thời gian |
| Nội dung | Included |
|---|---|
| Hỗ trợ các vấn đề trong khóa học | 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ó |
| Nội dung | Included |
|---|---|
| Next.js cơ bản | Có |
| Phân tích và thiết kế database | Có |
| Cung cấp API | Cung 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ự án | Dự á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 |
| SEO | SEO Next.js và kiến thức SEO để lên top 1 google |
| Kĩ năng Debug | Hiểu rõ về cách debug, tự xử lý lỗi |
| Nội dung | Included |
|---|---|
| Học online 24/7 | Có |
| Học trên điện thoại | Có |
| Thời gian học | Mua 1 lần, học mãi mãi, update liên tục theo kiến thức mới |
| Nội dung | Included |
|---|---|
| Hỗ trợ các vấn đề trong khóa học | Có |
| Hỗ trợ các vấn đề ngoài khóa học (ví dụ dự án ngoài, dự án cty) | Có |
| Combo quà tặng trị giá hơn 230$ | Có |
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 mà bạn muốn mua
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à Fullstack 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 Web Dev 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?
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?
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?
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?
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ì?
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?
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ợ?
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?
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?
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?
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?
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.