Akses kelas 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
Mastering JavaScript and become professional developer
Released date August 2023
Last updated December 2024
Member
804 enrolled
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
Videos language: Bahasa Indonesia (Auto-translation available)
Intro Mentor + website yang akan dibangun
1:00
Intro Tech Stack yang akan digunakan
2:00
Intro Instalasi Shadcnui untuk applicant
6:00
Intro Instalasi Shadcnui untuk company
5:00
Intro Setup Repository using Github
5:00
Slicing Setup layout
6:00
Slicing Sidebar Component
14:00
Slicing Header Component
4:00
Slicing Post Job Page 1
15:00
Slicing Post Job Page 2
10:00
Slicing Post Job Page 3
9:00
Slicing Post Job Page 4
8:00
Slicing Post Job Page 5
8:00
Slicing Post Job Page 6
2:00
Slicing Job Listing Page
9:00
Slicing Job Detail 1
13:00
Slicing Job Detail 2
14:00
Slicing Setting Page
4:00
Slicing Settings Overview Component 1
7:00
Slicing Settings Overview Component 2
8:00
Slicing Settings Overview Component 3
9:00
Slicing Settings Overview Component 4
7:00
Slicing Settings Social Links Component
9:00
Slicing Settings Teams Component 1
9:00
Slicing Settings Teams Component 3
5:00
Slicing Organize Layout for auth page
6:00
Slicing Sign In Page
7:00
Slicing Sign Up Page
3:00
Integration Install Setup Prisma ORM
4:00
Integration Setup Database Railway
2:00
Integration DB Schema using prisma
15:00
Integration Setup prisma client
2:00
Integration Setup Supabase For Storage
4:00
Integration Install Next Auth
2:00
Integration Sign Up
12:00
Integration Sign In 1
10:00
Integration Sign In 2
5:00
Integration Header
2:00
Integration Logout
2:00
Integration Post Job 1
10:00
Integration Post Job 2
8:00
Integration Job Listing
5:00
Integration Detail Job 1
9:00
Integration Detail Job 2
6:00
Integration Settings Overview 1
5:00
Integration Settings Overview 2
5:00
Integration Settings Overview 3
13:00
Integration Settings Overview 4
3:00
Integration Settings Social Links
6:00
Integration Setting Teams
6:00
Learn With Expert
Hariyanto
Full-Stack Developer
(3.6K)
Ivan Adi Saputra
Full-Stack Developer
terimakasih mas dengan kelas ini saya bisa belajar lebih banyak lagi read more
Muhammad Ridho Isdi
Full-Stack Developer
Kelasnya menarik, dan gampang dipahami dari pengenalan Next JS hingga mendeploy read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Visual Studio Code
Software Gratis
Tailwind CSS
Software Gratis
JavaScript
Software Gratis
Type Script
Software Gratis
Next JS
Software Gratis
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
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
Mastering JavaScript and become professional developer
Videos language: Bahasa Indonesia (Auto-translation available)
-
Intro Mentor + website yang akan dibangun1 minutes -
Intro Tech Stack yang akan digunakan2 minutes
-
-
Intro Instalasi Shadcnui untuk applicant6 minutes
-
Intro Instalasi Shadcnui untuk company5 minutes
-
Intro Setup Repository using Github5 minutes
-
Slicing Setup layout6 minutes
-
Slicing Sidebar Component14 minutes
-
Slicing Header Component4 minutes
-
Slicing Post Job Page 115 minutes
-
Slicing Post Job Page 210 minutes
-
Slicing Post Job Page 39 minutes
-
Slicing Post Job Page 48 minutes
-
Slicing Post Job Page 58 minutes
-
Slicing Post Job Page 62 minutes
-
Slicing Job Listing Page9 minutes
-
Slicing Job Detail 113 minutes
-
Slicing Job Detail 214 minutes
-
Slicing Setting Page4 minutes
-
Slicing Settings Overview Component 17 minutes
-
Slicing Settings Overview Component 28 minutes
-
Slicing Settings Overview Component 39 minutes
-
Slicing Settings Overview Component 47 minutes
-
Slicing Settings Social Links Component9 minutes
-
Slicing Settings Teams Component 19 minutes
-
Slicing Settings Teams Component 24 minutes
-
Slicing Settings Teams Component 35 minutes
-
Slicing Organize Layout for auth page6 minutes
-
Slicing Sign In Page7 minutes
-
Slicing Sign Up Page3 minutes
-
Integration Install Setup Prisma ORM4 minutes
-
Integration Setup Database Railway2 minutes
-
Integration DB Schema using prisma15 minutes
-
Integration Setup prisma client2 minutes
-
Integration Setup Supabase For Storage4 minutes
-
-
Integration Install Next Auth2 minutes
-
Integration Sign Up12 minutes
-
Integration Sign In 110 minutes
-
Integration Sign In 25 minutes
-
Integration Header2 minutes
-
Integration Logout2 minutes
-
Integration Post Job 110 minutes
-
Integration Post Job 28 minutes
-
Integration Job Listing5 minutes
-
Integration Detail Job 19 minutes
-
Integration Detail Job 26 minutes
-
Integration Settings Overview 15 minutes
-
Integration Settings Overview 25 minutes
-
Integration Settings Overview 313 minutes
-
Integration Settings Overview 43 minutes
-
Integration Settings Social Links6 minutes
-
Integration Setting Teams6 minutes
-
Slicing Setup Layout Themes6 minutes
-
Slicing Navbar Component5 minutes
-
Slicing Hero Component 110 minutes
-
Slicing Hero Component 27 minutes
-
Slicing Clients Component4 minutes
-
Slicing Category Component9 minutes
-
Slicing Banner Signup Component4 minutes
-
Slicing Featured Jobs Component9 minutes
-
Slicing Latest Jobs Component10 minutes
-
Slicing Footer Component12 minutes
-
Slicing Setup layout 17 minutes
-
Slicing Setup layout 22 minutes
-
Slicing Reusable Form Search3 minutes
-
Slicing Penyesuaian Form Search 11 minutes
-
Slicing Penyesuaian Form Search 22 minutes
-
Slicing Reusable Form Filter 13 minutes
-
Slicing Reusable Form Filter 213 minutes
-
Slicing Reusable Form Filter 34 minutes
-
Slicing Reusable Form Filter 45 minutes
-
Slicing Job Card 19 minutes
-
Slicing Job Card 22 minutes
-
Slicing Penyesuaian Props pada ExploreDataContainer7 minutes
-
Slicing Setup Form Schema & Page Find Companies6 minutes
-
Slicing Company Card 17 minutes
-
Slicing Company Card 21 minutes
-
Slicing Detail Job 19 minutes
-
Slicing Detail Job 28 minutes
-
Slicing Detail Job 37 minutes
-
Slicing Modal Apply Job Setup Form Schema, Instal Dialog Component5 minutes
-
Slicing Modal Apply Job 18 minutes
-
Slicing Modal Apply Job 25 minutes
-
Slicing Modal Apply Job 310 minutes
-
Slicing Detail Company 19 minutes
-
Slicing Detail Company 29 minutes
-
Slicing Detail Company 35 minutes
-
Slicing Sign In 18 minutes
-
Slicing Sign In 28 minutes
-
Slicing Sign Up5 minutes
-
Integration Preparation Install Setup Prisma ORM8 minutes
-
Integration Preparation Copy Utils Function for upload file using Supabase-Js from existing6 minutes
-
Integration Preparation Install Next Auth2 minutes
-
Integration preparation part tambahan1 minutes
-
Integration Sign Up 17 minutes
-
Integration Sign Up 29 minutes
-
Integration Sign In 110 minutes
-
Integration Sign In 25 minutes
-
Integration Sign In 310 minutes
-
Integration Category 110 minutes
-
Integration Category 22 minutes
-
Integration Featured Job 117 minutes
-
Integration Featured Job 26 minutes
-
Integration custom hooks jobs2 minutes
-
Integration Latest Jobs3 minutes
-
Integration part tambahan3 minutes
-
Integration Find Job 17 minutes
-
Integration Find Job 26 minutes
-
Integration Find Job 311 minutes
-
Integration Find Companies 19 minutes
-
Integration Find Companies 213 minutes
-
Integration Detail Job 111 minutes
-
Integration Detail Job 28 minutes
-
Integration Modal Apply Job 15 minutes
-
Integration Modal Apply Job 212 minutes
-
Integration Fixing Bug12 minutes
-
Integration Detail Company12 minutes
-
Deploy preparing17 minutes
-
Deploy to Vercel3 minutes
-
Intro translation1 minutes
-
Install package translation7 minutes
-
Membuat komponen language switcher5 minutes
-
Memindahkan file translation ke json2 minutes
-
Menyimpan language ke local storage5 minutes
-
Implementasi translation7 minutes
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
804
Happy Students
Happy Students
Ivan Adi Saputra
Full-Stack Developer
terimakasih mas dengan kelas ini saya bisa belajar lebih banyak lagi
Fevint Khrisma Dwinanda
Lifetime Learner
naise
Daffa Ramadhan
Quality Assurance
good
Muhammad Ridho Isdi
Full-Stack Developer
Kelasnya menarik, dan gampang dipahami dari pengenalan Next JS hingga mendeploy
Alfian Vito Anggoro
Lifetime Learner
Gokil bonus materinya
Muhamad Mufid Bachri
Full-Stack Developer
mantap
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.
