[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"academy-settings":3,"nav-course-tabs":216,"academy-course-49k-codes":243,"course-detail-khoa-hoc-nextjs":266},{"site":4,"home":19,"footer":172,"payment":205,"promo":212},{"name":5,"tagline":6,"url":7,"logoUrl":8,"primaryColor":9,"contactEmail":10,"hotline":11,"facebookUrl":12,"youtubeUrl":13,"kungfutechUrl":14,"announcement":15},"MelyDemy","Học lập trình thực chiến từ con số 0","https:\u002F\u002Facademy.kungfutech.io.vn","\u002Fimages\u002Fbrand\u002Flogo.svg","#dc2626","contact@kungfutech.io.vn","","https:\u002F\u002Fwww.facebook.com\u002Fmelydemy","https:\u002F\u002Fwww.youtube.com\u002Fc\u002FTechMely?sub_confirmation=1","https:\u002F\u002Fkungfutech.io.vn",{"enabled":16,"text":17,"link":18},true,"Ưu đãi Mely 29k — học lập trình trọn đời chỉ từ 29.000đ","\u002Fkhoa-hoc\u002F29k",{"seo":20,"hero":26,"banners":49,"sectionCopy":60,"categories":78,"features":100,"onlyMelyDemy":117,"aboutUs":130,"testimonials":142,"newsletter":167},{"title":21,"description":22,"keywords":23},"MelyDemy - Khoá học lập trình thực chiến dành cho bạn","MelyDemy cung cấp khoá học lập trình Frontend, Backend, DevOps và AI thực chiến bằng tiếng Việt, học trọn đời chỉ từ 29.000đ.",[24,5,25],"Khoá học lập trình","Thực chiến lập trình",{"badge":27,"title":28,"highlight":29,"description":30,"primaryCta":31,"secondaryCta":34,"stats":36},"Nền tảng học lập trình #1 cho người Việt","Học kỹ năng công nghệ","thực chiến, trọn đời","Hơn 40 khoá học Frontend, Backend, DevOps và AI — video bài bản, source code đi kèm, học mọi lúc mọi nơi.",{"label":32,"to":33},"Khám phá khoá học","\u002Fkhoa-hoc",{"label":35,"to":18},"Ưu đãi 29k",[37,40,43,46],{"value":38,"label":39},"40+","Khoá học",{"value":41,"label":42},"15.000+","Học viên",{"value":44,"label":45},"4.8\u002F5","Đánh giá",{"value":47,"label":48},"Trọn đời","Truy cập",[50,56],{"badge":51,"title":52,"description":53,"link":54,"color":55},"Xu hướng 2026","Lộ trình AI thực chiến","Prompt, workflow và tích hợp công cụ — học theo bài lab, áp dụng ngay vào dự án.","\u002Fkhoa-hoc\u002Fai","#7c3aed",{"badge":57,"title":58,"description":59,"link":18,"color":9},"Mely 29k","Học lập trình từ 29.000đ","Video trọn đời, source code đi kèm — bắt đầu Frontend, Backend hoặc DevOps hôm nay.",{"courses":61,"onlyMelyDemy":64,"about":67,"community":70,"blog":74},{"title":62,"subtitle":63},"Khoá học nổi bật","Các khoá học xây dựng bài bản, đáp ứng nhu cầu thực tế của thị trường",{"title":65,"subtitle":66},"Chỉ có tại MelyDemy","Khoá học chất lượng với mức giá dễ tiếp cận nhất",{"title":68,"subtitle":69},"Lộ trình học trên MelyDemy","Ba lộ trình cốt lõi — Full-stack, DevOps và AI — giúp bạn áp dụng ngay vào dự án thực tế.",{"headline":71,"title":72,"subtitle":73},"Được học viên tin tưởng","Học viên nói gì về MelyDemy","Hàng nghìn học viên đã học lập trình thực chiến — từ sinh viên, fresher đến người chuyển ngành.",{"title":75,"subtitle":76,"listPageSubtitle":77},"Blog","Tin tức, kiến thức công nghệ mới nhất từ MelyDemy","Tổng hợp tin tức AI và công nghệ mới nhất — kiến thức thực chiến cho lập trình viên.",[79,84,88,93,97],{"label":80,"to":81,"icon":82,"color":83},"Frontend","\u002Fkhoa-hoc\u002Fkhoa-hoc-frontend","i-lucide-layout-template","#f97316",{"label":85,"to":86,"icon":87,"color":9},"Backend","\u002Fkhoa-hoc\u002Fkhoa-hoc-backend","i-lucide-server",{"label":89,"to":90,"icon":91,"color":92},"DevOps","\u002Fkhoa-hoc\u002Fkhoa-hoc-devops","i-lucide-container","#0ea5e9",{"label":94,"to":54,"icon":95,"color":96},"AI","i-lucide-sparkles","#8b5cf6",{"label":57,"to":18,"icon":98,"color":99},"i-lucide-ticket-percent","#16a34a",[101,105,109,113],{"title":102,"description":103,"icon":104},"Video trọn đời","Mua một lần, học mãi mãi — cập nhật nội dung miễn phí.","i-lucide-infinity",{"title":106,"description":107,"icon":108},"Source code đi kèm","Mỗi bài học đều có code mẫu để bạn thực hành ngay.","i-lucide-code-xml",{"title":110,"description":111,"icon":112},"Tiếng Việt dễ hiểu","Giảng viên giải thích rõ ràng, ví dụ sát dự án thật.","i-lucide-languages",{"title":114,"description":115,"icon":116},"Cộng đồng hỗ trợ","Hỏi đáp nhanh cùng cộng đồng KungFuTech và mentor.","i-lucide-users-round",[118,122,126],{"title":119,"description":120,"image":121},"Giới thiệu chương trình","\u003Cp>Học lập trình với khoá học chất lượng: video bài giảng, source code và quyền truy cập trọn đời.\u003C\u002Fp>","\u002Fimages\u002Fhome\u002F49k-section-1.jpg",{"title":123,"description":124,"image":125},"Học dễ dàng, chi phí thấp","\u003Cp>Khoá học ngắn gọn, thực tế với mức giá chỉ từ 29K. Theo dõi thường xuyên để cập nhật ưu đãi.\u003C\u002Fp>","\u002Fimages\u002Fhome\u002F49k-section-2.jpg",{"title":127,"description":128,"image":129},"Chọn khoá học và bắt đầu","\u003Cp>Khám phá khoá học Frontend, Backend, DevOps, Mobile và AI — bắt đầu hành trình của bạn hôm nay.\u003C\u002Fp>","\u002Fimages\u002Fhome\u002F49k-section-3.jpg",[131,136,139],{"title":132,"description":133,"icon":134,"image":135},"Backend & Frontend","Xây dựng ứng dụng web từ giao diện đến hệ thống phía sau với công nghệ hiện đại.","i-lucide-layers","\u002Fimages\u002Fhome\u002Fabout-track-1.jpg",{"title":89,"description":137,"icon":91,"image":138},"Triển khai, vận hành và tối ưu hệ thống để ứng dụng chạy ổn định, mở rộng dễ dàng.","\u002Fimages\u002Fhome\u002Fabout-track-2.jpg",{"title":94,"description":140,"icon":95,"image":141},"Xây dựng ứng dụng tích hợp AI, tự động hoá workflow và phát triển sản phẩm thông minh.","\u002Fimages\u002Fhome\u002Fabout-track-3.jpg",[143,147,151,155,159,163],{"fullname":144,"role":145,"description":146},"Nguyễn Minh Anh","Sinh viên CNTT — Đại học Bách Khoa TP.HCM","Rất nhiều khoá học bổ ích từ Frontend, Backend đến DevOps — mình chọn lộ trình phù hợp mà không bị lạc. Video và source trọn đời, ôn lại rất tiện.",{"fullname":148,"role":149,"description":150},"Trần Hoàng Nam","Kế toán chuyển ngành IT — Hà Nội","Khoá AI giúp mình hiểu prompt, workflow và cách tích hợp công cụ vào việc học code hằng ngày. Bài ngắn, học buổi tối không bị quá tải.",{"fullname":152,"role":153,"description":154},"Lê Thị Hương","Fresher Frontend — FPT Software Đà Nẵng","Khoá TypeScript làm rõ type, interface và cách refactor code cũ — mình tự tin review PR và làm task trong dự án thật.",{"fullname":156,"role":157,"description":158},"Phạm Quốc Bảo","Kỹ sư cơ khí — tự học lập trình buổi tối","Lộ trình DevOps (CI\u002FCD, Docker) giúp mình hiểu pipeline deploy thay vì chỉ code local. Checklist từng tuần giữ nhịp học ổn định.",{"fullname":160,"role":161,"description":162},"Võ Thanh Tú","Intern Backend — startup tại TP.HCM","Khoá Node.js và thiết kế API giúp mình nắm REST, validation và database qua bài lab thực tế. Slide đính kèm tiện ôn phỏng vấn.",{"fullname":164,"role":165,"description":166},"Đặng Kim Ngân","Designer chuyển sang UI Developer","Khoá HTML\u002FCSS Grid & Flexbox giúp mình chuyển layout Figma sang markup chuẩn, responsive đúng spec.",{"title":168,"description":169,"placeholder":170,"buttonLabel":171},"Nhận tin khoá học & ưu đãi","Đăng ký email để cập nhật lộ trình mới, workshop và chương trình Mely 29k.","Email của bạn","Đăng ký",{"brandLine":173,"description":174,"columns":175},"MELYDEMY — Học lập trình từ con số 0","Nền tảng khoá học lập trình thực chiến thuộc hệ sinh thái KungFuTech.",[176,184,195],{"title":39,"links":177},[178,180,182],{"label":179,"to":33},"Tất cả khoá học",{"label":181,"to":18},"Ưu đãi Mely 29k",{"label":183,"to":54},"Khoá học AI",{"title":185,"links":186},"Tài nguyên",[187,189,192],{"label":75,"to":188},"\u002Fblog",{"label":190,"to":191},"Điều khoản","\u002Fterms-and-conditions",{"label":193,"to":194},"Chính sách bảo mật","\u002Fprivacy-policy",{"title":196,"links":197},"Hệ sinh thái",[198,200,203],{"label":199,"href":14},"KungFuTech",{"label":201,"href":202},"TechMely YouTube","https:\u002F\u002Fwww.youtube.com\u002Fc\u002FTechMely",{"label":204,"href":12},"Facebook MelyDemy",{"bankName":206,"bankCode":207,"accountNumber":208,"accountName":209,"qrTemplate":210,"note":211},"MB Bank","MBBank","0680126400005","PHAM NGOC HOA","https:\u002F\u002Fqr.sepay.vn\u002Fimg?acc={accountNumber}&bank={bankCode}&amount={amount}&des={paymentCode}","Khoá học sẽ được gửi vào email của bạn sau khi thanh toán thành công.",{"promo49k":213},{"enabled":16,"displayPrice":214,"title":57,"description":215},29000,"Học lập trình trọn đời chỉ từ 29.000đ",[217,223,228,233,239],{"id":218,"name":219,"slug":220,"title":24,"canonicalSlug":221,"heroDescription":222},1,"Tất cả các khóa học","tat-ca",null,"Khám phá lộ trình Frontend, Backend, DevOps và AI — học thực chiến với video trọn đời.",{"id":224,"name":85,"slug":225,"title":85,"canonicalSlug":226,"heroDescription":227},2,"khoa-hoc-backend","backend","API, database và kiến trúc hệ thống — từ nền tảng đến dự án thực tế.",{"id":229,"name":80,"slug":230,"title":80,"canonicalSlug":231,"heroDescription":232},3,"khoa-hoc-frontend","frontend","HTML, CSS, JavaScript và framework hiện đại — xây giao diện responsive chuẩn doanh nghiệp.",{"id":234,"name":235,"slug":236,"title":235,"canonicalSlug":237,"heroDescription":238},4,"Devops","khoa-hoc-devops","devops","CI\u002FCD, container và vận hành hệ thống — triển khai ổn định, mở rộng dễ dàng.",{"id":240,"name":94,"slug":241,"title":94,"canonicalSlug":241,"heroDescription":242},5,"ai","Prompt, workflow và tích hợp công cụ AI — học theo bài lab, áp dụng ngay vào dự án.",[244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265],"cg1","re1","ai5","py2","vu1","ct1","ai7","aw2","aw1","re2","fl1","aw3","ku1","do1","py1","jp1","ko1","cc1","cp1","js1","an1","ai4",{"course":267,"related":348},{"id":268,"title":269,"slug":270,"code":271,"createdAt":272,"updatedAt":273,"thumbnail":274,"head":276,"category":279,"overview":280,"count":286,"image":287,"content":288,"class":289,"roadmap":290,"lecturers":346,"diary":347,"rating":11,"url_register":11},"0a0691fb-ce59-43b1-a01b-76c4c36edaff","Khoá học Nextjs","khoa-hoc-nextjs","ne2","2025-04-12T23:10:00","2026-06-25T21:54:02",{"url":275,"alt":269},"https:\u002F\u002Fcdn.simpleicons.org\u002Fnextjs\u002Fwhite",{"description":277,"keywords":278},"Về khóa học Khóa học Next.js này được thiết kế để giúp bạn hiểu rõ về framework Next.js, một trong những công cụ phát triển web phổ biến nhất hiện nay. Với Next.js, bạn có thể xây dựng các ứng dụng web mạnh mẽ và hiệu quả, tận dụng tối đa các tính năng nh",[],{"name":80,"slug":231,"description":11},{"code":271,"name":269,"tags":281,"time":282,"color":283,"price":284,"cover_":275,"language":285},[],14,"#303030",399000,"Tiếng Anh",12,{"url":275,"alt":269},"\u003Ch2>Về khóa học\u003C\u002Fh2>\u003Cp>Khóa học Next.js này được thiết kế để giúp bạn hiểu rõ về framework Next.js, một trong những công cụ phát triển web phổ biến nhất hiện nay. Với Next.js, bạn có thể xây dựng các ứng dụng web mạnh mẽ và hiệu quả, tận dụng tối đa các tính năng như server-side rendering và static site generation.\u003C\u002Fp>\u003Cp>Khóa học sẽ dẫn dắt bạn từ những kiến thức cơ bản đến những khái niệm nâng cao, giúp bạn tự tin phát triển các ứng dụng web hiện đại. Bạn sẽ được thực hành qua nhiều dự án thực tế, từ đó củng cố kiến thức và kỹ năng của mình.\u003C\u002Fp>\u003Ch2>Đối tượng\u003C\u002Fh2>\u003Cul>\u003Cli>\u003Cp>Người mới bắt đầu muốn học Next.js.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Nhà phát triển web muốn nâng cao kỹ năng của mình.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Những ai đã biết về React và muốn mở rộng kiến thức.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Người muốn phát triển ứng dụng web hiệu quả và tối ưu.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Ful>\u003Ch2>Mô tả khóa học\u003C\u002Fh2>\u003Cp>Khóa học này bao gồm 18 chương, mỗi chương sẽ cung cấp cho bạn những kiến thức và kỹ năng cần thiết để làm chủ Next.js. Bạn sẽ bắt đầu với việc giới thiệu về Next.js, sau đó tìm hiểu các kiến thức cơ bản và cách thức hoạt động của framework này.\u003C\u002Fp>\u003Cp>Tiếp theo, bạn sẽ học về rendering, caching, và làm việc với API routes. Khóa học cũng sẽ giúp bạn hiểu rõ về xác thực người dùng và các công cụ mở rộng của Next.js. Cuối cùng, bạn sẽ thực hành qua các dự án thực tế, giúp bạn áp dụng kiến thức đã học vào thực tiễn.\u003C\u002Fp>\u003Col>\u003Cli>\u003Cp>Giới thiệu về Next.js và các tính năng nổi bật.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Kiến thức cơ bản về Next.js và cách cài đặt.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Rendering với Server Component và Client Component.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Caching và tối ưu hóa hiệu suất ứng dụng.\u003C\u002Fp>\u003C\u002Fli>\u003Cli>\u003Cp>Làm việc với API Routes và xác thực người dùng.\u003C\u002Fp>\u003C\u002Fli>\u003C\u002Fol>\u003Cp>\u003C\u002Fp>","1",{"content":291,"description":11},[292,295,298,301,304,307,310,313,316,319,322,325,328,331,334,337,340,343],{"title":293,"description":294},"Chương 1: Giới thiệu Next.js","Trong chương này, bạn sẽ được giới thiệu tổng quan về Next.js, một framework mạnh mẽ cho React. Bạn sẽ tìm hiểu về các tính năng chính và lợi ích của việc sử dụng Next.js trong phát triển ứng dụng web.",{"title":296,"description":297},"Chương 2: Kiến thức cơ bản về Next.js","Chương này sẽ giúp bạn nắm vững các khái niệm cơ bản của Next.js, bao gồm cách cài đặt và cấu hình môi trường phát triển. Bạn sẽ học cách tạo ra các trang đầu tiên với Next.js.",{"title":299,"description":300},"Chương 3: Rendering – Server Component và Client Component","Bạn sẽ tìm hiểu về cách thức rendering trong Next.js, bao gồm Server Component và Client Component. Chương này sẽ giúp bạn hiểu rõ hơn về cách hoạt động của các thành phần trong ứng dụng.",{"title":302,"description":303},"Chương 4: Caching trong Next.js","Chương này sẽ giới thiệu về caching trong Next.js, giúp bạn tối ưu hóa hiệu suất ứng dụng. Bạn sẽ học cách sử dụng caching để giảm thời gian tải trang.",{"title":305,"description":306},"Chương 5: Làm việc với API Routes","Bạn sẽ được hướng dẫn cách làm việc với API Routes trong Next.js. Chương này sẽ giúp bạn hiểu cách tạo và quản lý các API cho ứng dụng của mình.",{"title":308,"description":309},"Chương 6: Các công cụ và tính năng mở rộng của Next.js","Khám phá các công cụ và tính năng mở rộng của Next.js, giúp bạn phát triển ứng dụng một cách hiệu quả hơn. Bạn sẽ tìm hiểu về các plugin và thư viện hỗ trợ.",{"title":311,"description":312},"Chương 7: Xác thực người dùng trong Next.js","Chương này sẽ hướng dẫn bạn cách thực hiện xác thực người dùng trong ứng dụng Next.js. Bạn sẽ học cách bảo vệ các trang và API của mình.",{"title":314,"description":315},"Chương 8: Dự án thực hành – Ứng dụng Event","Bạn sẽ thực hành xây dựng một ứng dụng sự kiện bằng Next.js. Chương này sẽ giúp bạn áp dụng kiến thức đã học vào thực tế.",{"title":317,"description":318},"Chương 9: Routing trong Next.js","Tìm hiểu về routing trong Next.js, cách tạo và quản lý các route cho ứng dụng. Bạn sẽ học cách sử dụng dynamic routing để tạo ra các trang động.",{"title":320,"description":321},"Chương 10: Server và Client Components","Khám phá sự khác biệt giữa Server và Client Components trong Next.js. Bạn sẽ học cách tối ưu hóa ứng dụng bằng cách sử dụng các thành phần phù hợp.",{"title":323,"description":324},"Chương 11: Caching trong Next.js","Chương này sẽ đi sâu vào caching trong Next.js, giúp bạn hiểu rõ hơn về cách tối ưu hóa hiệu suất và giảm tải cho server.",{"title":326,"description":327},"Chương 12: Dự án thực hành – Ứng dụng Hokusai","Bạn sẽ thực hành xây dựng một ứng dụng Hokusai bằng Next.js. Chương này sẽ giúp bạn áp dụng kiến thức vào một dự án thực tế.",{"title":329,"description":330},"Chương 13: Triển khai ứng dụng Next.js","Học cách triển khai ứng dụng Next.js lên môi trường thực tế. Bạn sẽ tìm hiểu về các phương pháp và công cụ để triển khai hiệu quả.",{"title":332,"description":333},"Chương 14: API Routes trong Next.js","Khám phá chi tiết về API Routes trong Next.js, cách tạo và quản lý các API cho ứng dụng của bạn.",{"title":335,"description":336},"Chương 15: Các công cụ Next.js nâng cao","Chương này sẽ giới thiệu về các công cụ nâng cao trong Next.js, giúp bạn phát triển ứng dụng một cách chuyên nghiệp hơn.",{"title":338,"description":339},"Chương 16: Xác thực người dùng","Tìm hiểu sâu về xác thực người dùng trong Next.js, bao gồm các phương pháp và kỹ thuật bảo mật.",{"title":341,"description":342},"Chương 17: Dự án thực hành – Ứng dụng Event","Bạn sẽ thực hành xây dựng một ứng dụng sự kiện khác bằng Next.js, củng cố kiến thức qua dự án thực tế.",{"title":344,"description":345},"Chương 18: Khóa học React mini","Khóa học này sẽ cung cấp cho bạn những kiến thức cơ bản về React, giúp bạn nắm vững nền tảng trước khi đi sâu vào Next.js.",[],[],[]]