[{"_1":2,"_395":-5,"_396":-5},"loaderData",{"_3":4,"_8":9,"_35":36},"root",{"_5":6,"_7":-5},"authHint",false,"initialAuthUser","routes/_public",{"_10":11,"_33":34},"activePromoCode",{"_12":13,"_14":15},"message","Active promo code retrieved successfully","data",{"_16":17,"_18":-5,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":32},"code","LWMHEMAT","description","starts_at","2026-03-19T20:25:36+07:00","target_price",33000,"ends_at","2026-04-30T20:25:36+07:00","max_uses",99,"used_count",1,"remaining_uses",98,"is_currently_active",true,"fetchedAt",1776430354689,"routes/topic.$slug",{"_37":38,"_387":388,"_393":76,"_394":76},"courses",[39,182,278],{"_40":41,"_42":43,"_44":45,"_18":46,"_47":46,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_77":78,"_91":92,"_99":100,"_114":115,"_126":127,"_128":129,"_179":180,"_181":6},"id",5,"slug","full-stack-js-developer-next-js-booking-flight-ticket","title","Full Stack JS Developer Next JS Booking Flight Ticket","Saat ini, JavaScript bisa diterapkan di beragam platform seperti situs web, perangkat mobile, desktop, dan lainnya. Perusahaan kini lebih cenderung merekrut pengembang JavaScript untuk mengembangkan perangkat lunak mereka dengan memanfaatkan framework seperti React atau Next JS.\r\n \r\nPada kelas online Full-Stack Javascript kali ini kita akan belajar membangun sebuah website yang digunakan orang-orang untuk membeli tiket pesawat secara online. Kita akan belajar menggunakan framework populer yaitu adalah Next Js.\r\n \r\nAlasan utama mengadopsi Next JS adalah kemampuannya dalam server side render (SSR), yang dapat meningkatkan kinerja dan optimasi mesin pencari (SEO) untuk situs web yang akan kita kembangkan. Di samping itu, keberadaan komunitas yang besar memungkinkan kita untuk meminta bantuan dari mentor melalui forum atau grup lain jika mengalami kendala dalam proses belajar.\r\n \r\nKita akan memanfaatkan Prisma untuk menangani sisi backend, termasuk penyimpanan data seperti informasi pengguna, jadwal penerbangan, daftar transaksi, dan hal-hal sejenisnya.","about","tools","Next Js, Tailwind css, Supabase, Prisma","track","FULLSTACK","preview_video_url","https://www.youtube.com/watch?v=n22iWjL6ugg","price",690000,"discount_price",235000,"level","INTERMEDIATE","status","PUBLISHED","total_lessons",8,"total_students",0,"created_at","2026-04-12T13:38:10+07:00","updated_at","2026-04-15T15:17:56+07:00","subject",{"_40":28,"_72":73,"_74":75},"name","Web Development","topic",{"_40":28,"_72":76},"coding","mentor",{"_40":79,"_80":81,"_72":82,"_83":84},2,"email","raitomiko40@gmail.com","LWM Mentor","profile",{"_85":86,"_87":88,"_89":90},"bio","I am a mentor with expertise in various technologies.","avatar","https://ui-avatars.com/api/?name=LWM%20Mentor&background=random","expertise","Full Stack Development","images",[93],{"_40":41,"_94":95,"_96":97,"_98":28},"image_path","https://res.cloudinary.com/dwemc12oy/image/upload/v1775975889/courses/ecmx4i8cqnjndl3ddyns.webp","image_public_id","courses/ecmx4i8cqnjndl3ddyns","order_index","key_points",[101,105,108,111],{"_40":102,"_103":104},66,"key_point","Belajar memaksimalkan Fitur yang ditawarkan dari Next Js",{"_40":106,"_103":107},67,"Belajar menggunakan Tailwind CSS untuk custom Component dari Shadcn/UI",{"_40":109,"_103":110},68,"Belajar menggunakan Prisma ORM untuk integrasi dengan database",{"_40":112,"_103":113},69,"Belajar integrasi payment gateway menggunakan midtrans","personas",[116,120,123],{"_40":117,"_118":119},63,"persona","Anda yang ingin level-up skills",{"_40":121,"_118":122},64,"Anda yang ingin menguasai tools-tools berguna namun gratis",{"_40":124,"_118":125},65,"Anda yang ingin membangun portofolio yang cakep","resources",[],"sections",[130,135,168],{"_40":131,"_44":132,"_18":-5,"_98":28,"_62":65,"_133":134},9,"Intro","lessons",[],{"_40":136,"_44":137,"_18":-5,"_98":79,"_62":65,"_133":138},10,"Setup",[139,149,153,157,161,164],{"_40":140,"_44":141,"_142":143,"_144":-5,"_145":-5,"_146":147,"_98":28,"_148":32},28,"Setup ERD 01","content_type","VIDEO","content_url","content_text","duration_minutes",11,"is_active",{"_40":150,"_44":151,"_142":143,"_144":-5,"_145":-5,"_146":152,"_98":79,"_148":32},29,"Setup Install Project NextJs",4,{"_40":154,"_44":155,"_142":143,"_144":-5,"_145":-5,"_146":41,"_98":156,"_148":32},30,"Setup Install Library Shadcn",3,{"_40":158,"_44":159,"_142":143,"_144":-5,"_145":-5,"_146":160,"_98":152,"_148":32},31,"Setup Db Vercel Postgres & Prisma",16,{"_40":162,"_44":163,"_142":143,"_144":-5,"_145":-5,"_146":147,"_98":41,"_148":32},32,"Setup Lucia Auth",{"_40":165,"_44":166,"_142":143,"_144":-5,"_145":-5,"_146":41,"_98":167,"_148":32},33,"Setup Seed Database",6,{"_40":147,"_44":169,"_18":-5,"_98":156,"_62":65,"_133":170},"Dashboard -Sign In",[171,175],{"_40":172,"_44":173,"_142":143,"_144":-5,"_145":-5,"_146":174,"_98":28,"_148":32},34,"Slicing Sign In",7,{"_40":176,"_44":177,"_142":143,"_144":-5,"_145":-5,"_146":178,"_98":79,"_148":32},35,"Integrate 1",15,"reviews",[],"is_enrolled",{"_40":156,"_42":183,"_44":184,"_18":185,"_47":185,"_48":186,"_50":187,"_52":188,"_54":65,"_56":-5,"_58":189,"_60":61,"_62":136,"_64":152,"_66":190,"_68":191,"_70":192,"_77":194,"_91":196,"_99":200,"_114":213,"_126":222,"_128":223,"_179":260,"_181":6},"html5-dasar","HTML5 Dasar","HTML5 adalah fondasi utama dalam membangun sebuah website. Dengan HTML5, kita dapat menyusun struktur dasar seperti header, body, dan footer yang menjadi kerangka dari tampilan website.\r\n\r\nDi Kelas HTML5 Dasar ini, kamu akan diajak memahami konsep dasar pembuatan website dengan cara yang mudah dipahami, bahkan untuk pemula sekalipun. Kelas ini dirancang sebagai langkah awal sebelum kamu melanjutkan ke tahap yang lebih lanjut, seperti mempelajari CSS hingga framework populer seperti Bootstrap atau Bulma.\r\n\r\nKalau kamu ingin mulai belajar Web Development tapi masih bingung harus mulai dari mana, kelas ini adalah titik awal yang tepat.","html5","FRONTEND","https://www.youtube.com/watch?v=u6zOrg8KkR0","BEGINNER","2026-03-19T20:09:29+07:00","2026-04-15T19:59:06+07:00",{"_40":28,"_72":73,"_74":193},{"_40":28,"_72":76},{"_40":79,"_80":81,"_72":82,"_83":195},{"_85":86,"_87":88,"_89":90},[197],{"_40":156,"_94":198,"_96":199,"_98":28},"https://res.cloudinary.com/dwemc12oy/image/upload/v1775910200/courses/vsssbssakjyz2vapblto.webp","courses/vsssbssakjyz2vapblto",[201,204,207,210],{"_40":202,"_103":203},50,"Memahami elemen dasar seperti , , , , serta cara membangun struktur halaman yang benar.",{"_40":205,"_103":206},51,"Cara menggunakan elemen HTML5 untuk menyematkan media tanpa plugin tambahan, seperti

Kelas coding

Full Stack JS Developer Next JS Booking Flight Ticket

HTML5 Dasar

React Native: Mobile Application Buat Aplikasi Cari Kantor