Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online

Mastering NextJS to become JavaScript Developer

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

346 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

JavaScript adalah bahasa pemrograman yang dapat kita gunakan dalam membangun software seperti website, desktop application, mobile app, dan juga lainnya. Pada kali ini kita akan belajar membangun sebuah website toko online untuk menjual produk-produk seperti sayuran dan kebutuhan rumah lainnya.

Bersama dengan mentor Taufan yang telah berpengalaman sebagai full-stack website developer, kita akan belajar menggunakan tech stack terbaru seperti NextJS, Typescript, Prisma, dan Redux Toolkit.

Projek website yang kita bangun tentunya mengadopsi server-side rendering sehingga dapat meningkatkan SEO dari website tersebut. Peran Prisma di sini adalah membantu kita untuk mengelola data dengan database.

Dalam membangun website yang interactive dan memiliki experience yang baik maka kita perlu gunakan Redux Toolkit untuk proses state management.

Setelah kamu mempelajari seluruh materi kelas maka kamu sudah lebih siap berkarir sebagai Full-Stack Website Developer menggunakan JavaScript. Kamu juga akan memiliki portfolio berkualitas tinggi untuk digunakan sebagai modal bekerja, sampai jumpa di kelas.

Sneak Peek

Key Points

icon_check

Membangun fullstack website dengan teknologi terkini

icon_check

Mempelajari system authentication pada NextJS

icon_check

Membuat API dengan NextJS

icon_check

Memanfaatkan fitur cache dengan Redux Toolkit

icon_check

Membangun struktur database dengan Prisma

Designed For

icon_check

Anda yang ingin membuat aplikasi e-commerce

icon_check

Anda yang ingin mempelajari Fullstack NextJS dengan Typescript

icon_check

Anda yang ingin mempelajari Prisma

icon_check

Anda yang ingin mempelajari Redux Toolkit

Course Lessons

Learn With Expert

Mentor Taufan Fadhilah Iskandar

Taufan Fadhilah Iskandar

Front-End Developer

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

(10.1K)

Our Happy Students

Review setelah bergabung di kelas Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online

All Rating
Khaerul Falah at BuildWithAngga
Khaerul Falah

Front-End Developer

Sangat rekomendasi untuk belajar next js read more

ic-star ic-star ic-star ic-star ic-star
Alphard Hafiz Buci at BuildWithAngga
Alphard Hafiz Buci

Lifetime Learner

bagus, semoga bisa lebih padat lagi materinya read more

ic-star ic-star ic-star ic-star ic-star
Verga Tandika at BuildWithAngga
Verga Tandika

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
Muzakki Hafizh Setiono at BuildWithAngga
Muzakki Hafizh Setiono

Full-Stack Developer

mantapp read more

ic-star ic-star ic-star ic-star ic-star
Salahul Bain at BuildWithAngga
Salahul Bain

Full-Stack Developer

materi sangat masih relavan dengan perkembangan teknologi sekarang read more

ic-star ic-star ic-star ic-star ic-star
Yusuf miftah Farid at BuildWithAngga
Yusuf miftah Farid

Mobile App Developer

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

Chrome

Software Gratis

logo

Mysql

Software Gratis

logo

VSCode

Software Gratis

logo

NodeJs

Software Gratis

Low Risk, High Return

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

icon_check

Selamanya

Rp 690,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.
Foto kelas Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online Foto kelas Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online Foto kelas Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online Foto kelas Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online

Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online

Mastering NextJS to become JavaScript Developer

  • lock
    Installation React Hook Form
    4 minutes
  • lock
    Declare useForm on Sign-in Form
    7 minutes
  • lock
    Validation Schema
    2 minutes
  • lock
    Validation Schema 2
    4 minutes
  • lock
    Sign Up Form Validation
    7 minutes

  • lock
    Install Prisma
    5 minutes
  • lock
    Setup Prisma
    3 minutes
  • lock
    User Model Schema
    4 minutes
  • lock
    Global Prisma Client
    3 minutes

  • lock
    NextJS API Intro
    8 minutes
  • lock
    Response Helper
    5 minutes
  • lock
    Sign In Endpoint
    7 minutes
  • lock
    Validate Password
    6 minutes
  • lock
    Install NextAuth
    8 minutes
  • lock
    Sign In Form Integration
    6 minutes

  • lock
    Fixing Style
    4 minutes
  • lock
    Create Sign Up Endpoint
    9 minutes

  • lock
    Explanation
    6 minutes
  • lock
    Installation
    7 minutes
  • lock
    Auth Service
    7 minutes
  • lock
    Request and Response Type
    3 minutes
  • lock
    Register Auth Service
    3 minutes

  • lock
    Integrate Sign Up Form
    7 minutes
  • lock
    Navbar Integration
    8 minutes
  • lock
    Setup Middleware
    4 minutes
  • lock
    Setup Middleware 2
    4 minutes

  • lock
    Product Schema
    6 minutes
  • lock
    Products Seeder
    8 minutes
  • lock
    Products Seeder 2
    4 minutes
  • lock
    Create Products Endpoint
    4 minutes
  • lock
    Test Products Endpoint
    2 minutes
  • lock
    Test Products Endpoint 2
    1 minutes
  • lock
    Product Slice
    5 minutes
  • lock
    ProductsResponse Interface
    2 minutes
  • lock
    Integrate Product Showcase Component
    5 minutes
  • lock
    Add Skeleton Loading
    6 minutes
  • lock
    Fix Product Card Link
    2 minutes

  • lock
    Base Integration
    4 minutes
  • lock
    Pagination Endpoint
    5 minutes
  • lock
    Pagination RTK
    4 minutes
  • lock
    Integrate Pagination
    8 minutes
  • lock
    Integrate Pagination 2
    2 minutes
  • lock
    Integrate Pagination 3
    1 minutes
  • lock
    Filter Category Endpoint
    4 minutes
  • lock
    Integrate Categories
    7 minutes
  • lock
    Filter Price Endpoint
    3 minutes
  • lock
    Filter Price Integration
    6 minutes
  • lock
    Filter Price Integration 2
    6 minutes
  • lock
    Filter Rating Integration
    7 minutes
  • lock
    Filter Rating Integration
    3 minutes

  • lock
    Endpoint Product by ID
    5 minutes
  • lock
    Register on Service
    3 minutes
  • lock
    Integrate Product Detail Page
    5 minutes
  • lock
    Checkout Schema
    5 minutes
  • lock
    Checkout Endpoint
    4 minutes
  • lock
    Checkout Endpoint 2
    4 minutes
  • lock
    Checkout Slice
    4 minutes
  • lock
    Mutate Checkout
    7 minutes

  • lock
    Get Checkout Item Endpoint
    5 minutes
  • lock
    Checkouts Slice
    4 minutes
  • lock
    Integrate Items
    5 minutes
  • lock
    Integrate Items 2
    2 minutes
  • lock
    Delivery Options
    5 minutes

  • lock
    Transaction Schema
    5 minutes
  • lock
    Payment Endpoint
    8 minutes
  • lock
    Bugfix Payment Endpoint
    4 minutes
  • lock
    Register Payment Slice
    3 minutes
  • lock
    Payment Integration
    6 minutes

  • lock
    History Endpoint
    4 minutes
  • lock
    Register History Slice
    4 minutes
  • lock
    Integrate History Transaction
    8 minutes
  • lock
    Bugfix History List
    4 minutes
  • lock
    History Bugfix History List 2
    2 minutes
Develop Your Skills

JavaScript adalah bahasa pemrograman yang dapat kita gunakan dalam membangun software seperti website, desktop application, mobile app, dan juga lainnya. Pada kali ini kita akan belajar membangun sebuah website toko online untuk menjual produk-produk seperti sayuran dan kebutuhan rumah lainnya.

Bersama dengan mentor Taufan yang telah berpengalaman sebagai full-stack website developer, kita akan belajar menggunakan tech stack terbaru seperti NextJS, Typescript, Prisma, dan Redux Toolkit.

Projek website yang kita bangun tentunya mengadopsi server-side rendering sehingga dapat meningkatkan SEO dari website tersebut. Peran Prisma di sini adalah membantu kita untuk mengelola data dengan database.

Dalam membangun website yang interactive dan memiliki experience yang baik maka kita perlu gunakan Redux Toolkit untuk proses state management.

Setelah kamu mempelajari seluruh materi kelas maka kamu sudah lebih siap berkarir sebagai Full-Stack Website Developer menggunakan JavaScript. Kamu juga akan memiliki portfolio berkualitas tinggi untuk digunakan sebagai modal bekerja, sampai jumpa di kelas.

read more
Key Points
  • check
    Membangun fullstack website dengan teknologi terkini
  • check
    Mempelajari system authentication pada NextJS
  • check
    Membuat API dengan NextJS
  • check
    Memanfaatkan fitur cache dengan Redux Toolkit
  • check
    Membangun struktur database dengan Prisma
Created For
  • check
    Anda yang ingin membuat aplikasi e-commerce
  • check
    Anda yang ingin mempelajari Fullstack NextJS dengan Typescript
  • check
    Anda yang ingin mempelajari Prisma
  • check
    Anda yang ingin mempelajari Redux Toolkit
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
346
Happy Students
Khaerul Falah at BuildWithAngga
Khaerul Falah

Front-End Developer

Sangat rekomendasi untuk belajar next js

ic-star ic-star ic-star ic-star ic-star
Alphard Hafiz Buci at BuildWithAngga
Alphard Hafiz Buci

Lifetime Learner

bagus, semoga bisa lebih padat lagi materinya

ic-star ic-star ic-star ic-star ic-star
Verga Tandika at BuildWithAngga
Verga Tandika

Full-Stack Developer

bagus

ic-star ic-star ic-star ic-star ic-star
Muzakki Hafizh Setiono at BuildWithAngga
Muzakki Hafizh Setiono

Full-Stack Developer

mantapp

ic-star ic-star ic-star ic-star ic-star
Salahul Bain at BuildWithAngga
Salahul Bain

Full-Stack Developer

materi sangat masih relavan dengan perkembangan teknologi sekarang

ic-star ic-star ic-star ic-star ic-star
Yusuf miftah Farid at BuildWithAngga
Yusuf miftah Farid

Mobile App Developer

Bagus

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 690,000

arrow_upward