Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Full-Stack JavaScript Next JS Developer: Build Job Portal Website
Kelas Online
Full-Stack JavaScript Next JS Developer: Build Job Portal Website
Released date August 2023
Last updated March 2026
Member
945 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
JavaScript saat ini dapat digunakan di berbagai platform seperti website, mobile, desktop, dan lainnya. Perusahaan juga saat ini lebih sering merekruit JavaScript developer untuk mengembangkan software mereka menggunakan 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 memposting dan melamar pekerjaan secara online. Kita akan belajar menggunakan framework popular yaitu adalah Next JS.
Alasan utama menggunakan Next JS adalah karena server side render (SSR) sehingga dapat meningkatkan perfomance dan SEO pada website yang akan kita bangun nantinya. Selain itu juga komunitasnya sudah banyak sehingga apabila ada kendala belajar maka kita bisa bertanya kepada mentor melalui forum atau group lainnya.
Kita akan belajar menggunakan Supabase untuk mengatasi dari sisi backend sebagaimana tempat kita menyimpan data seperti pengguna, pekerjaan, pelamar kerja, dan sebagainya. Lalu untuk menghubungkan projek website job portal kita dengan database tersebut maka kita bisa menggunakan Prisma.
Okay people with the spirit of learning, silahkan bergabung dan kami akan tunggu di kelas.
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 berintegrasi dengan database
Belajar membuat Authentication website menggunakan NextAuth
Belajar menggunakan Supabase Storage untuk upload file
Belajar men-deploy website ke Vercel
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)
Rizki Wahyu Nurcahyani F
Full-Stack Developer
Materi sangat jelas dan mudah untuk dipahami read more
08 Sep 2025
Rama Alfin
Full-Stack Developer
sedikit dari saya ingin menambahkan klo bisa ada role base dan rotation token agar bisa refresh access token yang sudah expired. Selebihnya sudah bagus, Terima kasih read more
31 Aug 2025
Muhammad Rizki Alamsyah
Lifetime Learner
materi yang diberikan menarik dan sangat berguna read more
30 Jul 2025
Ardhana Syah Hidayat
Lifetime Learner
MANTAPPP materi mudah dipahami dan lengkap bgt read more
13 Jul 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Visual Studio Code
Software
Tailwind CSS
Software
JavaScript
Software
Type Script
Software
Next JS
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 550,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
Android Jetpack Compose: Jello eCommerce
Rp 550,000
(105)
Full-Stack Web Designer Developer with Lovable AI: PoS Laundry
Rp
760,000
Rp
219,000
(29)
SC Flutter Laravel Filament Order Coffee Point of Sales Apps
Rp
1,860,000
Rp
70,000
(48)
Source Code Laravel 12 React Web Gudang Toko Management
Rp
1,000,000
Rp
70,000
(158)
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 Next JS Developer: Build Job Portal Website
-
Intro Mentor + website yang akan dibangunVideo 1 minutes -
Intro Tech Stack yang akan digunakanVideo 2 minutes
-
-
Intro Instalasi Shadcnui untuk applicantVideo 6 minutes
-
Intro Instalasi Shadcnui untuk companyVideo 5 minutes
-
Intro Setup Repository using GithubVideo 5 minutes
-
Slicing Setup layoutVideo 6 minutes
-
Slicing Sidebar ComponentVideo 14 minutes
-
Slicing Header ComponentVideo 4 minutes
-
Slicing Post Job Page 1Video 15 minutes
-
Slicing Post Job Page 2Video 10 minutes
-
Slicing Post Job Page 3Video 9 minutes
-
Slicing Post Job Page 4Video 8 minutes
-
Slicing Post Job Page 5Video 8 minutes
-
Slicing Post Job Page 6Video 2 minutes
-
Slicing Job Listing PageVideo 9 minutes
-
Slicing Job Detail 1Video 13 minutes
-
Slicing Job Detail 2Video 14 minutes
-
Slicing Setting PageVideo 4 minutes
-
Slicing Settings Overview Component 1Video 7 minutes
-
Slicing Settings Overview Component 2Video 8 minutes
-
Slicing Settings Overview Component 3Video 9 minutes
-
Slicing Settings Overview Component 4Video 7 minutes
-
Slicing Settings Social Links ComponentVideo 9 minutes
-
Slicing Settings Teams Component 1Video 9 minutes
-
Slicing Settings Teams Component 2Video 4 minutes
-
Slicing Settings Teams Component 3Video 5 minutes
-
Slicing Organize Layout for auth pageVideo 6 minutes
-
Slicing Sign In PageVideo 7 minutes
-
Slicing Sign Up PageVideo 3 minutes
-
Integration Install Setup Prisma ORMVideo 4 minutes
-
Integration Setup Database RailwayVideo 2 minutes
-
Integration DB Schema using prismaVideo 15 minutes
-
Integration Setup prisma clientVideo 2 minutes
-
Integration Setup Supabase For StorageVideo 4 minutes
-
Integration Create Util Function for upload file using Supabase-JsVideo 11 minutes
-
Integration Install Next AuthVideo 2 minutes
-
Integration Sign UpVideo 12 minutes
-
Integration Sign In 1Video 10 minutes
-
Integration Sign In 2Video 5 minutes
-
Integration HeaderVideo 2 minutes
-
Integration LogoutVideo 2 minutes
-
Integration Post Job 1Video 10 minutes
-
Integration Post Job 2Video 8 minutes
-
Integration Job ListingVideo 5 minutes
-
Integration Detail Job 1Video 9 minutes
-
Integration Detail Job 2Video 6 minutes
-
Integration Settings Overview 1Video 5 minutes
-
Integration Settings Overview 2Video 5 minutes
-
Integration Settings Overview 3Video 13 minutes
-
Integration Settings Overview 4Video 3 minutes
-
Integration Settings Social LinksVideo 6 minutes
-
Integration Setting TeamsVideo 6 minutes
-
Slicing Setup Layout ThemesVideo 6 minutes
-
Slicing Navbar ComponentVideo 5 minutes
-
Slicing Hero Component 1Video 10 minutes
-
Slicing Hero Component 2Video 7 minutes
-
Slicing Clients ComponentVideo 4 minutes
-
Slicing Category ComponentVideo 9 minutes
-
Slicing Banner Signup ComponentVideo 4 minutes
-
Slicing Featured Jobs ComponentVideo 9 minutes
-
Slicing Latest Jobs ComponentVideo 10 minutes
-
Slicing Footer ComponentVideo 12 minutes
-
Slicing Setup layout 1Video 7 minutes
-
Slicing Setup layout 2Video 2 minutes
-
Slicing Reusable Form SearchVideo 3 minutes
-
Slicing Penyesuaian Form Search 1Video 1 minutes
-
Slicing Penyesuaian Form Search 2Video 2 minutes
-
Slicing Reusable Form Filter 1Video 3 minutes
-
Slicing Reusable Form Filter 2Video 13 minutes
-
Slicing Reusable Form Filter 3Video 4 minutes
-
Slicing Reusable Form Filter 4Video 5 minutes
-
Slicing Job Card 1Video 9 minutes
-
Slicing Job Card 2Video 2 minutes
-
Slicing Penyesuaian Props pada ExploreDataContainerVideo 7 minutes
-
Slicing Setup Form Schema & Page Find CompaniesVideo 6 minutes
-
Slicing Company Card 1Video 7 minutes
-
Slicing Company Card 2Video 1 minutes
-
Slicing Detail Job 1Video 9 minutes
-
Slicing Detail Job 2Video 8 minutes
-
Slicing Detail Job 3Video 7 minutes
-
Slicing Modal Apply Job Setup Form Schema, Instal Dialog ComponentVideo 5 minutes
-
Slicing Modal Apply Job 1Video 8 minutes
-
Slicing Modal Apply Job 2Video 5 minutes
-
Slicing Modal Apply Job 3Video 10 minutes
-
Slicing Detail Company 1Video 9 minutes
-
Slicing Detail Company 2Video 9 minutes
-
Slicing Detail Company 3Video 5 minutes
-
Slicing Sign In 1Video 8 minutes
-
Slicing Sign In 2Video 8 minutes
-
Slicing Sign UpVideo 5 minutes
-
Integration Preparation Install Setup Prisma ORMVideo 8 minutes
-
Integration Preparation Copy Utils Function for upload file using Supabase-Js from existingVideo 6 minutes
-
Integration Preparation Install Next AuthVideo 2 minutes
-
Integration preparation part tambahanVideo 1 minutes
-
Integration Sign Up 1Video 7 minutes
-
Integration Sign Up 2Video 9 minutes
-
Integration Sign In 1Video 10 minutes
-
Integration Sign In 2Video 5 minutes
-
Integration Sign In 3Video 10 minutes
-
Integration Category 1Video 10 minutes
-
Integration Category 2Video 2 minutes
-
Integration Featured Job 1Video 17 minutes
-
Integration Featured Job 2Video 6 minutes
-
Integration custom hooks jobsVideo 2 minutes
-
Integration Latest JobsVideo 3 minutes
-
Integration part tambahanVideo 3 minutes
-
Integration Find Job 1Video 7 minutes
-
Integration Find Job 2Video 6 minutes
-
Integration Find Job 3Video 11 minutes
-
Integration Find Companies 1Video 9 minutes
-
Integration Find Companies 2Video 13 minutes
-
Integration Detail Job 1Video 11 minutes
-
Integration Detail Job 2Video 8 minutes
-
Integration Modal Apply Job 1Video 5 minutes
-
Integration Modal Apply Job 2Video 12 minutes
-
Integration Fixing BugVideo 12 minutes
-
Integration Detail CompanyVideo 12 minutes
-
Deploy preparingVideo 17 minutes
-
Deploy to VercelVideo 3 minutes
-
Intro translationVideo 1 minutes
-
Install package translationVideo 7 minutes
-
Membuat komponen language switcherVideo 5 minutes
-
Memindahkan file translation ke jsonVideo 2 minutes
-
Menyimpan language ke local storageVideo 5 minutes
-
Implementasi translationVideo 7 minutes
Member
945
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
JavaScript saat ini dapat digunakan di berbagai platform seperti website, mobile, desktop, dan lainnya. Perusahaan juga saat ini lebih sering merekruit JavaScript developer untuk mengembangkan software mereka menggunakan 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 memposting dan melamar pekerjaan secara online. Kita akan belajar menggunakan framework popular yaitu adalah Next JS.
Alasan utama menggunakan Next JS adalah karena server side render (SSR) sehingga dapat meningkatkan perfomance dan SEO pada website yang akan kita bangun nantinya. Selain itu juga komunitasnya sudah banyak sehingga apabila ada kendala belajar maka kita bisa bertanya kepada mentor melalui forum atau group lainnya.
Kita akan belajar menggunakan Supabase untuk mengatasi dari sisi backend sebagaimana tempat kita menyimpan data seperti pengguna, pekerjaan, pelamar kerja, dan sebagainya. Lalu untuk menghubungkan projek website job portal kita dengan database tersebut maka kita bisa menggunakan Prisma.
Okay people with the spirit of learning, silahkan bergabung dan kami akan tunggu di kelas.
read more
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 berintegrasi dengan database
-
Belajar membuat Authentication website menggunakan NextAuth
-
Belajar menggunakan Supabase Storage untuk upload file
-
Belajar men-deploy website ke Vercel
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
945
Happy Students
Happy Students
Agam Latifullah
Lifetime Learner
terimakasih
08 Sep 2025
Rizki Wahyu Nurcahyani F
Full-Stack Developer
Materi sangat jelas dan mudah untuk dipahami
08 Sep 2025
Rama Alfin
Full-Stack Developer
sedikit dari saya ingin menambahkan klo bisa ada role base dan rotation token agar bisa refresh access token yang sudah expired. Selebihnya sudah bagus, Terima kasih
31 Aug 2025
Muhammad Rizki Alamsyah
Lifetime Learner
materi yang diberikan menarik dan sangat berguna
30 Jul 2025
Ardhana Syah Hidayat
Lifetime Learner
MANTAPPP materi mudah dipahami dan lengkap bgt
13 Jul 2025
Deni Al Farizi
Full-Stack Developer
good course ,
11 Jul 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.
