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 April 2024
Member

440 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

(448)

Our Happy Students

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

All Rating
Yoga Rizky Putra at BuildWithAngga
Yoga Rizky Putra

Lifetime Learner

Saya pribadi sangat suka dengan materi yang diberikan karena kita membuat sebuah projek lengkap dengan dashboardnya, dan juga disini saya mendapat banyak ilmu baru tentang Next JS, serta juga saya sangat respect dengan update bonus materi yang diberikan read more

ic-star ic-star ic-star ic-star ic-star
Nanda Raditya at BuildWithAngga
Nanda Raditya

Front-End Developer

Course sangat bagus dan mudah di pahami read more

ic-star ic-star ic-star ic-star ic-star
putra wiguna at BuildWithAngga
Putra wiguna

Full-Stack Developer

Sangat bermanfaat untuk belajar membuat component yang reusable. read more

ic-star ic-star ic-star ic-star ic-star
Ahmad Mursyidi at BuildWithAngga
Ahmad Mursyidi

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
Yofi Kurniawan at BuildWithAngga
Yofi Kurniawan

Full-Stack Developer

mantap penejlasan dan materinya read more

ic-star ic-star ic-star ic-star ic-star
Muhammad Abyan Kamal at BuildWithAngga
Muhammad Abyan Kamal

Full-Stack JavaScript Develope...

Penjelasannya mantap dan mudah dipahami oleh pemula read more

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

Featured Projects

0 Hasil karya terbaik di kelas Full-Stack JavaScript Next JS Developer: Build Job Portal Website

Belum ada hasil karya

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

Free akses kelas Freemium

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya
jaminan
Jaminan Uang Kembali
Tidak perlu khawatir untuk mulai berinvestasi karena Anda bisa melakukan refund

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.

Kami telah menyediakan kelas yang terstruktur dan well-designed oleh mentor yang berpengalaman sehingga akan sangat mudah untuk dipahami oleh siapa saja.

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
access
Akses Freemium Courses
Sehingga lebih up to date
440
Happy Students
yogarizky51 at BuildWithAngga
yogarizky51

Lifetime Learner

Saya pribadi sangat suka dengan materi yang diberikan karena kita membuat sebuah projek lengkap dengan dashboardnya, dan juga disini saya mendapat banyak ilmu baru tentang Next JS, serta juga saya sangat respect dengan update bonus materi yang diberikan

ic-star ic-star ic-star ic-star ic-star
nandaradityaya at BuildWithAngga
nandaradityaya

Front-End Developer

Course sangat bagus dan mudah di pahami

ic-star ic-star ic-star ic-star ic-star
dharmawiguna982 at BuildWithAngga
dharmawiguna982

Full-Stack Developer

Sangat bermanfaat untuk belajar membuat component yang reusable.

ic-star ic-star ic-star ic-star ic-star
ahmadmursyidi at BuildWithAngga
ahmadmursyidi

Full-Stack Developer

.

ic-star ic-star ic-star ic-star ic-star
kyofiyk at BuildWithAngga
kyofiyk

Full-Stack Developer

mantap penejlasan dan materinya

ic-star ic-star ic-star ic-star ic-star
kamalmuhammad414305 at BuildWithAngga
kamalmuhammad414305

Full-Stack JavaScript Develope...

Penjelasannya mantap dan mudah dipahami oleh pemula

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

Rp 550,000

arrow_upward