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

101 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

(9.2K)

Our Happy Students

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

All Rating
Anggraini at BuildWithAngga
Anggraini

Lifetime Learner

good explanation read more

ic-star ic-star ic-star ic-star ic-star
izsal qurlinas afandi at BuildWithAngga
Izsal qurlinas afandi

Lifetime Learner

kelasnya cukup bagus untuk belajar hal-hal baru di next js read more

ic-star ic-star ic-star ic-star
cakeplabs at BuildWithAngga
Cakeplabs

Full-Stack JavaScript Develope...

ic-star ic-star ic-star ic-star
Danendra Wyanta Mustofa at BuildWithAngga
Danendra Wyanta Mustofa

Lifetime Learner

banyak dapat ilmu baru tentang next js dan digabungkan dengan redux toolkit tapi sayang nya pengajar terlalu banyak error lalu ganti lagi di video berikutnya jadi tambah bingung dan ada hal yang tidak di jelaskan membuat bingung ini fungsi nya untuk apa read more

ic-star ic-star ic-star ic-star
Irwanto Siregar at BuildWithAngga
Irwanto Siregar

Full-Stack Developer

Kerenn, tapi harapannya Students disini semakin memahami materi course bukan malah dibuat bingung dengan cara coding dan penjelasannya. Ini course koreksi banget sejauh yg pernah saya pelajari. Semoga kita selalu menjadi lebih baik kedepannya. Terima kasih read more

ic-star ic-star ic-star ic-star
Chaddrick at BuildWithAngga
Chaddrick

Back-End Developer

beberapa fitur tersedia secara tampilan tapi tidak dijelaskan penggunaannya, jadi seperti useless fiturnya read more

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

Featured Projects

0 Hasil karya terbaik di kelas Full-Stack JavaScript NextJS 2024 Developer: Bikin Website Toko Online

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 289,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
101
Happy Students
anggi3296 at BuildWithAngga
anggi3296

Lifetime Learner

good explanation

ic-star ic-star ic-star ic-star ic-star
iqurlinas at BuildWithAngga
iqurlinas

Lifetime Learner

kelasnya cukup bagus untuk belajar hal-hal baru di next js

ic-star ic-star ic-star ic-star
info337 at BuildWithAngga
info337

Full-Stack JavaScript Develope...

mantap

ic-star ic-star ic-star ic-star
abdulazisalayubbi at BuildWithAngga
abdulazisalayubbi

Lifetime Learner

banyak dapat ilmu baru tentang next js dan digabungkan dengan redux toolkit tapi sayang nya pengajar terlalu banyak error lalu ganti lagi di video berikutnya jadi tambah bingung dan ada hal yang tidak di jelaskan membuat bingung ini fungsi nya untuk apa

ic-star ic-star ic-star ic-star
irwantoregar30 at BuildWithAngga
irwantoregar30

Full-Stack Developer

Kerenn, tapi harapannya Students disini semakin memahami materi course bukan malah dibuat bingung dengan cara coding dan penjelasannya. Ini course koreksi banget sejauh yg pernah saya pelajari. Semoga kita selalu menjadi lebih baik kedepannya. Terima kasih

ic-star ic-star ic-star ic-star
chadd at BuildWithAngga
chadd

Back-End Developer

beberapa fitur tersedia secara tampilan tapi tidak dijelaskan penggunaannya, jadi seperti useless fiturnya

ic-star ic-star ic-star
loader

Rp 289,000

Rp 690,000

arrow_upward