Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack JavaScript Developer Next JS: Booking Flight Ticket
Kelas Online
Full-Stack JavaScript Developer Next JS: Booking Flight Ticket
Released date March 2024
Last updated March 2026
Member
749 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
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.
Pada 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.
Alasan 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.
Kita akan memanfaatkan Prisma untuk menangani sisi backend, termasuk penyimpanan data seperti informasi pengguna, jadwal penerbangan, daftar transaksi, dan hal-hal sejenisnya.
Okay people with the spirit of learning, silahkan bergabung dan kami akan tunggu di kelas.
Sneak Peek
Key Points
Belajar memaksimalkan Fitur yang ditawarkan dari Next Js
Belajar menggunakan Tailwind CSS untuk custom Component dari Shadcn/UI
Belajar menggunakan Prisma ORM untuk integrasi dengan database
Belajar membuat Authentication website menggunakan Lucia
Belajar menggunakan Supabase Storage untuk upload file
Belajar men-deploy website ke Vercel
Belajar integrasi payment gateway menggunakan midtrans
Designed For
Anda yang ingin level-up skills
Anda yang ingin menguasai tools-tools berguna namun gratis
Anda yang ingin membangun portofolio yang cakep
Course Lessons
Learn With Expert
Hariyanto
Full-Stack Developer
(5.7K)
Agam Latifullah
Lifetime Learner
bagus, cuma sayangnya pake lucia auth yang mana sekarang sudah deprecated read more
28 Aug 2025
Rizki Wahyu Nurcahyani F
Full-Stack Developer
kelasnya bagus pol, designnya oke, mentornya juga njelasin detail cuma mungkin kan ini dibuatnya di 2024 dan aku download 2025, jadi ada penyesuaian karena ada beberapa yang di deprecate read more
28 Aug 2025
Fraza Aditya Wiguna
Back-End Developer
Materinya sangat bermanfaat dan penjelasannya juga oke, Terima kasih. read more
29 Apr 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Tailwind CSS
Software
JavaScript
Software
Type Script
Software
Next JS
Software
Vercel
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 690,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
Recommended for You
Ebook Next JS 15 for Beginners 2025 Web Cari dan Sewa Kantor
Rp
760,000
Rp
115,000
(22)
K6 for Engineers: Load Testing Real-World Apps at Scale
Rp
1,250,000
Rp
99,000
(335)
.png)
(271)
(330)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
Full-Stack JavaScript Developer Next JS: Booking Flight Ticket
-
1 Intro tech stack yang akan dipakaiVideo 1 minutes
-
2 Intro website customerVideo 2 minutes
-
3 Intro dashboardVideo 1 minutes
-
1 Setup ERD 1Video 5 minutes -
2 Setup ERD 2Video 6 minutes
-
3 Setup install project Next jsVideo 3 minutes
-
4 Setup install library shadcnVideo 3 minutes
-
5 Setup database vercel postgresVideo 2 minutes
-
6 Setup install prisma 1Video 2 minutes
-
7 Setup install prisma 2Video 5 minutes
-
8 Setup install prisma 3Video 5 minutes
-
9 Setup install prisma 4Video 2 minutes
-
10 Setup lucia auth 1Video 7 minutes
-
11 Setup lucia auth 2Video 1 minutes
-
12 Setup seed databaseVideo 7 minutes
-
13 Setup midtransVideo 1 minutes
-
1 SlicingVideo 7 minutes
-
2 Integrate 1Video 13 minutes
-
3 Integrate 2Video 6 minutes
-
4 Integrate 3Video 7 minutes
-
1 Slicing UI Dashboard layout 1Video 10 minutes
-
2 Slicing UI Dashboard LayoutVideo 3 minutes
-
3 LogoutVideo 8 minutes
-
4 Check authVideo 4 minutes
-
1 Slicing UI datatableVideo 7 minutes
-
2 Integrate data airplanesVideo 2 minutes
-
3 Slicing UI FormVideo 7 minutes
-
4 Integrate Create data airplane 1Video 7 minutes
-
5 Integrate Create data airplane 2Video 5 minutes
-
6 Integrate Create data airplane 3Video 11 minutes
-
7 Fix field table imageVideo 7 minutes
-
8 Integrate edit data airplane 1Video 8 minutes
-
9 Integrate edit data airplane 2Video 6 minutes
-
10 Integrate edit data airplane 3Video 2 minutes
-
11 Integrate delete data airplaneVideo 11 minutes
-
1 Slicing UI datatableVideo 7 minutes
-
2 Integrate data flightsVideo 2 minutes
-
3 Slicing UI form 1Video 9 minutes
-
4 Slicing UI form 2Video 5 minutes
-
5 Slicing UI form 3Video 3 minutes
-
6 Create validation formVideo 4 minutes
-
7 Integrate create data flight 1Video 4 minutes
-
8 Integrate create data flight 2Video 5 minutes
-
9 Integrate create data flight 3Video 9 minutes
-
10 Perbaikan field table pesawatVideo 1 minutes
-
11 Perbaikan field table ruteVideo 5 minutes
-
12 Perbaikan field table harga 1Video 5 minutes
-
13 Perbaikan field table harga 2Video 6 minutes
-
14 Integrate edit data flight 1Video 7 minutes
-
15 Integrate edit data flight 2Video 5 minutes
-
16 Integrate delete data flightVideo 3 minutes
-
1 Slicing UI datatableVideo 8 minutes
-
2 Integrate data ticketsVideo 1 minutes
-
1 Slicing UI datatableVideo 3 minutes
-
2 Integrate data usersVideo 1 minutes
-
1 Slicing Sign Up 1Video 9 minutes
-
2 Slicing Sign Up 2Video 6 minutes
-
3 create validation sign upVideo 2 minutes
-
4 Integrate Sign Up 1Video 4 minutes
-
5 Integrate Sign Up 2Video 7 minutes
-
1 Slicing Sign InVideo 2 minutes
-
2 Integrate Sign InVideo 14 minutes
-
1 Slicing UI 1Video 5 minutes
-
2 Slicing UI 2Video 6 minutes
-
3 Slicing UI 3Video 5 minutes
-
4 Get filter cityVideo 8 minutes
-
5 Penyesuaian NavbarVideo 3 minutes
-
6 Integrate logoutVideo 3 minutes
-
1 Slicing UI 1Video 4 minutes
-
2 Slicing UI 2Video 2 minutes
-
3 Slicing UI 3Video 2 minutes
-
4 Penyesuaian filter seat classVideo 2 minutes
-
5 Penyesuaian filter airline 1Video 3 minutes
-
6 Penyesuaian filter airline 2Video 3 minutes
-
7 Integrate list flight 1Video 10 minutes
-
8 Integrate list flight 2Video 10 minutes
-
9 Integrate list flight 3Video 6 minutes
-
10 Integrate list flight 4Video 3 minutes
-
11 Integrate filter 1Video 13 minutes
-
12 Integrate filter 2Video 8 minutes
-
13 Integrate filter 3Video 10 minutes
-
14 Integrate filter 4Video 3 minutes
-
1 Slicing UI 1Video 4 minutes
-
2 Slicing UI 2Video 3 minutes
-
3 Slicing UI 3Video 2 minutes
-
4 Slicing UI 4Video 2 minutes
-
5 Slicing UI 5Video 2 minutes
-
6 Integrate 1Video 4 minutes
-
7 Integrate 2Video 3 minutes
-
8 Integrate 3Video 5 minutes
-
9 Integrate 4Video 5 minutes
-
10 Integrate 5Video 6 minutes
-
11 Integrate 6Video 7 minutes
-
1 Slicing UI 1Video 3 minutes
-
2 Slicing UI 2Video 1 minutes
-
3 Slicing UI 3Video 5 minutes
-
4 Integrate dataVideo 4 minutes
-
5 Integrate payment 1Video 6 minutes
-
6 Integrate payment 2Video 9 minutes
-
7 Integrate payment 3Video 2 minutes
-
8 Integrate payment with midtrans 1Video 8 minutes
-
9 Integrate payment with midtrans 2Video 7 minutes
-
10 Integrate payment with midtrans 3Video 5 minutes
-
11 Integrate payment with midtrans 4Video 7 minutes
-
1 Slicing UIVideo 5 minutes
-
1 Slicing UI 1Video 2 minutes
-
2 Slicing UI 2Video 1 minutes
-
3 Slicing UI 3Video 4 minutes
-
4 IntegrateVideo 8 minutes
-
1 Slicing UIVideo 6 minutes
-
2 Integrate 1Video 7 minutes
-
3 Integrate 2Video 5 minutes
-
1 Prepare deploy 1Video 4 minutes
-
2 DeployVideo 3 minutes
-
3 Fixing setelah deployVideo 3 minutes
Member
749
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
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.
Pada 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.
Alasan 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.
Kita akan memanfaatkan Prisma untuk menangani sisi backend, termasuk penyimpanan data seperti informasi pengguna, jadwal penerbangan, daftar transaksi, dan hal-hal sejenisnya.
Okay people with the spirit of learning, silahkan bergabung dan kami akan tunggu di kelas.
Learn With Expert
Key Points
-
Belajar memaksimalkan Fitur yang ditawarkan dari Next Js
-
Belajar menggunakan Tailwind CSS untuk custom Component dari Shadcn/UI
-
Belajar menggunakan Prisma ORM untuk integrasi dengan database
-
Belajar membuat Authentication website menggunakan Lucia
-
Belajar menggunakan Supabase Storage untuk upload file
-
Belajar men-deploy website ke Vercel
-
Belajar integrasi payment gateway menggunakan midtrans
Created For
-
Anda yang ingin level-up skills
-
Anda yang ingin menguasai tools-tools berguna namun gratis
-
Anda yang ingin membangun portofolio yang cakep
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
749
Happy Students
Happy Students
Bayu Winata
Lifetime Learner
Mantap kelasnya sangat bermanfaat
26 Dec 2025
Agam Latifullah
Lifetime Learner
bagus, cuma sayangnya pake lucia auth yang mana sekarang sudah deprecated
28 Aug 2025
Rizki Wahyu Nurcahyani F
Full-Stack Developer
kelasnya bagus pol, designnya oke, mentornya juga njelasin detail cuma mungkin kan ini dibuatnya di 2024 dan aku download 2025, jadi ada penyesuaian karena ada beberapa yang di deprecate
28 Aug 2025
Adib Dwi Kusuma
Lifetime Learner
Cukup jelas, namun audio kurang stabil
02 May 2025
Fraza Aditya Wiguna
Back-End Developer
Materinya sangat bermanfaat dan penjelasannya juga oke, Terima kasih.
29 Apr 2025
Rizky Maulana
Network Engineer
mantap banget
23 Apr 2025
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
