flash sale
hamburger-menu

Kelas Online
Full-Stack JavaScript Next JS Developer: Build Job Portal Website

Mastering JavaScript and become professional developer

icon global
Release date August 2023
icon convert
Last updated November 2024
Member

685 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Belajar memaksimalkan Fitur yang ditawarkan dari Next Js

icon_check

Belajar menggunakan Tailwind CSS untuk custom Component dari Shadcn/UI

icon_check

Belajar menggunakan Prisma ORM untuk berintegrasi dengan database

icon_check

Belajar membuat Authentication website menggunakan NextAuth

icon_check

Belajar menggunakan Supabase Storage untuk upload file

icon_check

Belajar men-deploy website ke Vercel

Designed For

icon_check

Anda yang ingin level-up skills

icon_check

Anda yang ingin menguasai tools-tools berguna namun gratis

icon_check

Anda yang ingin membangun portofolio yang cakep

Course Lessons

Learn With Expert

Mentor Hariyanto

Hariyanto

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(1.5K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack JavaScript Next JS Developer: Build Job Portal Website

All Rating
R. Agus Iman Sudrajat at BuildWithAngga
R. Agus Iman Sudrajat

Front-End Developer

Kursus ini sangat membantu dalam memperluas pemahaman saya tentang konsep-konsep dasar pemrograman. Penjelasan yang disajikan sangat jelas dan mudah dipahami, namun saya berharap ada lebih banyak latihan praktis untuk memperkuat pemahaman konsep-konsep tersebut. read more

ic-star ic-star ic-star ic-star ic-star
Khaerul Falah at BuildWithAngga
Khaerul Falah

Front-End Developer

Berguna bagi yang ingin mempelajari next js lebih mendalam read more

ic-star ic-star ic-star ic-star ic-star
Naza Zulfiqi at BuildWithAngga
Naza Zulfiqi

Full-Stack Developer

Materi nya bagus, mungkin untuk build component reuseable bisa dibuat dari 0 bareng-bareng. read more

ic-star ic-star ic-star ic-star ic-star
Fevint Khrisma Dwinanda at BuildWithAngga
Fevint Khrisma Dwinanda

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
Daffa Ramadhan at BuildWithAngga
Daffa Ramadhan

Quality Assurance

ic-star ic-star ic-star ic-star ic-star
dwi at BuildWithAngga
Dwi

Lifetime Learner

menambah ilmu thanks a lot read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Visual Studio Code

Software Gratis

logo

Tailwind CSS

Software Gratis

logo

JavaScript

Software Gratis

logo

Type Script

Software Gratis

logo

Next JS

Software Gratis

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 550,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

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

  • lock
    Slicing Setup layout
    6 minutes
  • lock
    Slicing Sidebar Component
    14 minutes
  • lock
    Slicing Header Component
    4 minutes
  • lock
    Slicing Post Job Page 1
    15 minutes
  • lock
    Slicing Post Job Page 2
    10 minutes
  • lock
    Slicing Post Job Page 3
    9 minutes
  • lock
    Slicing Post Job Page 4
    8 minutes
  • lock
    Slicing Post Job Page 5
    8 minutes
  • lock
    Slicing Post Job Page 6
    2 minutes
  • lock
    Slicing Job Listing Page
    9 minutes
  • lock
    Slicing Job Detail 1
    13 minutes
  • lock
    Slicing Job Detail 2
    14 minutes
  • lock
    Slicing Setting Page
    4 minutes
  • lock
    Slicing Settings Overview Component 1
    7 minutes
  • lock
    Slicing Settings Overview Component 2
    8 minutes
  • lock
    Slicing Settings Overview Component 3
    9 minutes
  • lock
    Slicing Settings Overview Component 4
    7 minutes
  • lock
    Slicing Settings Social Links Component
    9 minutes
  • lock
    Slicing Settings Teams Component 1
    9 minutes
  • play
  • lock
    Slicing Settings Teams Component 3
    5 minutes
  • lock
    Slicing Organize Layout for auth page
    6 minutes
  • lock
    Slicing Sign In Page
    7 minutes
  • lock
    Slicing Sign Up Page
    3 minutes

  • lock
    Integration Install Setup Prisma ORM
    4 minutes
  • lock
    Integration Setup Database Railway
    2 minutes
  • lock
    Integration DB Schema using prisma
    15 minutes
  • lock
    Integration Setup prisma client
    2 minutes
  • lock
    Integration Setup Supabase For Storage
    4 minutes
  • play
  • lock
    Integration Install Next Auth
    2 minutes
  • lock
    Integration Sign Up
    12 minutes
  • lock
    Integration Sign In 1
    10 minutes
  • lock
    Integration Sign In 2
    5 minutes
  • lock
    Integration Header
    2 minutes
  • lock
    Integration Logout
    2 minutes
  • lock
    Integration Post Job 1
    10 minutes
  • lock
    Integration Post Job 2
    8 minutes
  • lock
    Integration Job Listing
    5 minutes
  • lock
    Integration Detail Job 1
    9 minutes
  • lock
    Integration Detail Job 2
    6 minutes
  • lock
    Integration Settings Overview 1
    5 minutes
  • lock
    Integration Settings Overview 2
    5 minutes
  • lock
    Integration Settings Overview 3
    13 minutes
  • lock
    Integration Settings Overview 4
    3 minutes
  • lock
    Integration Settings Social Links
    6 minutes
  • lock
    Integration Setting Teams
    6 minutes

  • lock
    Slicing Setup Layout Themes
    6 minutes
  • lock
    Slicing Navbar Component
    5 minutes
  • lock
    Slicing Hero Component 1
    10 minutes
  • play
  • lock
    Slicing Clients Component
    4 minutes
  • lock
    Slicing Category Component
    9 minutes
  • lock
    Slicing Banner Signup Component
    4 minutes
  • lock
    Slicing Featured Jobs Component
    9 minutes
  • lock
    Slicing Latest Jobs Component
    10 minutes
  • lock
    Slicing Footer Component
    12 minutes

  • lock
    Slicing Setup layout 1
    7 minutes
  • lock
    Slicing Setup layout 2
    2 minutes
  • lock
    Slicing Reusable Form Search
    3 minutes
  • lock
    Slicing Penyesuaian Form Search 1
    1 minutes
  • lock
    Slicing Penyesuaian Form Search 2
    2 minutes
  • lock
    Slicing Reusable Form Filter 1
    3 minutes
  • lock
    Slicing Reusable Form Filter 2
    13 minutes
  • lock
    Slicing Reusable Form Filter 3
    4 minutes
  • lock
    Slicing Reusable Form Filter 4
    5 minutes
  • lock
    Slicing Job Card 1
    9 minutes
  • lock
    Slicing Job Card 2
    2 minutes
  • lock
    Slicing Penyesuaian Props pada ExploreDataContainer
    7 minutes

  • lock
    Slicing Setup Form Schema & Page Find Companies
    6 minutes
  • lock
    Slicing Company Card 1
    7 minutes
  • lock
    Slicing Company Card 2
    1 minutes

  • lock
    Slicing Detail Job 1
    9 minutes
  • lock
    Slicing Detail Job 2
    8 minutes
  • lock
    Slicing Detail Job 3
    7 minutes
  • lock
    Slicing Modal Apply Job Setup Form Schema, Instal Dialog Component
    5 minutes
  • lock
    Slicing Modal Apply Job 1
    8 minutes
  • lock
    Slicing Modal Apply Job 2
    5 minutes
  • lock
    Slicing Modal Apply Job 3
    10 minutes

  • lock
    Slicing Detail Company 1
    9 minutes
  • lock
    Slicing Detail Company 2
    9 minutes
  • lock
    Slicing Detail Company 3
    5 minutes

  • lock
    Slicing Sign In 1
    8 minutes
  • lock
    Slicing Sign In 2
    8 minutes
  • lock
    Slicing Sign Up
    5 minutes

  • lock
    Integration Preparation Install Setup Prisma ORM
    8 minutes
  • lock
    Integration Preparation Copy Utils Function for upload file using Supabase-Js from existing
    6 minutes
  • lock
    Integration Preparation Install Next Auth
    2 minutes
  • lock
    Integration preparation part tambahan
    1 minutes

  • lock
    Integration Sign Up 1
    7 minutes
  • lock
    Integration Sign Up 2
    9 minutes
  • lock
    Integration Sign In 1
    10 minutes
  • lock
    Integration Sign In 2
    5 minutes
  • lock
    Integration Sign In 3
    10 minutes

  • lock
    Integration Category 1
    10 minutes
  • lock
    Integration Category 2
    2 minutes
  • lock
    Integration Featured Job 1
    17 minutes
  • lock
    Integration Featured Job 2
    6 minutes
  • lock
    Integration custom hooks jobs
    2 minutes
  • lock
    Integration Latest Jobs
    3 minutes
  • lock
    Integration part tambahan
    3 minutes

  • lock
    Integration Find Job 1
    7 minutes
  • lock
    Integration Find Job 2
    6 minutes
  • lock
    Integration Find Job 3
    11 minutes

  • lock
    Integration Find Companies 1
    9 minutes
  • lock
    Integration Find Companies 2
    13 minutes

  • lock
    Integration Detail Job 1
    11 minutes
  • lock
    Integration Detail Job 2
    8 minutes
  • lock
    Integration Modal Apply Job 1
    5 minutes
  • lock
    Integration Modal Apply Job 2
    12 minutes
  • lock
    Integration Fixing Bug
    12 minutes
  • lock
    Integration Detail Company
    12 minutes

  • lock
    Deploy preparing
    17 minutes
  • lock
    Deploy to Vercel
    3 minutes

  • lock
    Intro translation
    1 minutes
  • lock
    Install package translation
    7 minutes
  • lock
    Membuat komponen language switcher
    5 minutes
  • lock
    Memindahkan file translation ke json
    2 minutes
  • lock
    Menyimpan language ke local storage
    5 minutes
  • lock
    Implementasi translation
    7 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
  • check
    Belajar memaksimalkan Fitur yang ditawarkan dari Next Js
  • check
    Belajar menggunakan Tailwind CSS untuk custom Component dari Shadcn/UI
  • check
    Belajar menggunakan Prisma ORM untuk berintegrasi dengan database
  • check
    Belajar membuat Authentication website menggunakan NextAuth
  • check
    Belajar menggunakan Supabase Storage untuk upload file
  • check
    Belajar men-deploy website ke Vercel
Created For
  • check
    Anda yang ingin level-up skills
  • check
    Anda yang ingin menguasai tools-tools berguna namun gratis
  • check
    Anda yang ingin membangun portofolio yang cakep
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
685
Happy Students
R. Agus Iman Sudrajat at BuildWithAngga
R. Agus Iman Sudrajat

Front-End Developer

Kursus ini sangat membantu dalam memperluas pemahaman saya tentang konsep-konsep dasar pemrograman. Penjelasan yang disajikan sangat jelas dan mudah dipahami, namun saya berharap ada lebih banyak latihan praktis untuk memperkuat pemahaman konsep-konsep tersebut.

ic-star ic-star ic-star ic-star ic-star
Khaerul Falah at BuildWithAngga
Khaerul Falah

Front-End Developer

Berguna bagi yang ingin mempelajari next js lebih mendalam

ic-star ic-star ic-star ic-star ic-star
Naza Zulfiqi at BuildWithAngga
Naza Zulfiqi

Full-Stack Developer

Materi nya bagus, mungkin untuk build component reuseable bisa dibuat dari 0 bareng-bareng.

ic-star ic-star ic-star ic-star ic-star
Fevint Khrisma Dwinanda at BuildWithAngga
Fevint Khrisma Dwinanda

Lifetime Learner

naise

ic-star ic-star ic-star ic-star ic-star
Daffa Ramadhan at BuildWithAngga
Daffa Ramadhan

Quality Assurance

good

ic-star ic-star ic-star ic-star ic-star
dwi at BuildWithAngga
dwi

Lifetime Learner

menambah ilmu thanks a lot

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

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.

Rp 550,000

arrow_upward