JagoFlutter Academy Batch 3

Fullstack Online Store Next.js + Flutter

Belajar dari NOL Bangun Aplikasi Online Store Lengkap — Dari Website Admin sampai Mobile App dengan Payment Gateway & Shipping Integration dengan Bitship

Next.js TypeScript Flutter BLoC Xendit Bitship
16
Sesi Live
2
Bulan
2
Apps

Kelas mulai 12 May 2026

Next Elektronik Mobile App

Pilihan Pembayaran

Bayar full lebih hemat, atau cicilan 2x untuk meringankan

Alumni JagoFlutter / Academy?

Semua alumni dapat harga spesial Rp 389.500 — login untuk klaim

Login dengan Google
PALING HEMAT

Bayar Full

DISKON 51%
Rp 950.000
Rp 465.500
sekali bayar

Alumni JagoFlutter

+8% EXTRA
Rp 389.500

Diskon total 59%

  • Tidak ada cicilan bulanan
  • Hemat dibanding cicilan
  • Diskon terbesar

Cicilan 2x

DISKON 43%
Rp 950.000
Rp 270.750/bulan
Total Rp 541.500

Alumni JagoFlutter

+8% EXTRA
Rp 232.750/bulan

Total Rp 465.500 (diskon 51%)

  • 2x bayar, lebih ringan
  • Tetap dapat diskon
  • Akses langsung sejak pembayaran pertama

Harga diskon berlaku sampai 11 Mei 2026

Apa yang Akan Kamu Dapat

Belajar dari NOL — instalasi Node.js, TypeScript dasar, Next.js, hingga 2 aplikasi fullstack production-ready

Website Admin (Next.js + TypeScript)

  • Dashboard admin untuk kelola produk, order & customer
  • Integrasi Xendit Payment Gateway (VA, QRIS, e-wallet)
  • Integrasi Bitship Shipping (JNE, JNT, SiCepat, dll)
  • REST API untuk mobile app

Mobile App (Flutter + BLoC)

  • Aplikasi Online Store lengkap untuk customer
  • Checkout + Payment dalam aplikasi
  • Tracking pengiriman realtime
  • Deploy ke Google Play Store

Kenapa Program Ini Berbeda

Belajar dari NOL

Mulai dari instalasi Node.js, belajar TypeScript dasar, lalu Next.js step by step. Cocok untuk pemula.

Payment Gateway

Integrasi Xendit — VA, QRIS, e-wallet. Terima pembayaran dari pelanggan langsung di app.

Shipping Integration

Integrasi Bitship — JNE, JNT, SiCepat, Anteraja. Cek ongkir & tracking otomatis.

Diajari Sampai Deploy

Materi mencakup dari install Node.js sampai cara deploy ke VPS dan release ke Play Store.

Source Code Lengkap

Dapat full source code production-ready di sesi pertama. Tinggal customize dan deploy.

AI-Powered Dev

Diajarin pakai AI Agent untuk customize & extend fitur lebih cepat.

16 Sesi Live Zoom

Belajar langsung via Zoom, tanya jawab interaktif. Semua sesi direcord.

Peluang Bisnis

Dibahas business model & cara approach client di sesi terakhir sebagai bekal freelance.

Preview Aplikasi yang Akan Kamu Bangun

Belajar dari NOL — mulai dari instalasi Node.js, TypeScript dasar, hingga build aplikasi fullstack lengkap

Coba Demo Web Langsung

Website Admin (Next.js + TypeScript)

Web Screenshot 1
Web Screenshot 2
Web Screenshot 3
Web Screenshot 4
Web Screenshot 5
Web Screenshot 6
Web Screenshot 7
Web Screenshot 8

Mobile App (Flutter + BLoC)

Mobile 1 Mobile 2 Mobile 3 Mobile 4 Mobile 5 Mobile 6 Mobile 7 Mobile 8

Kurikulum 16 Pertemuan

2-3x seminggu — 20:00-22:00 WIB via Zoom

12 May - 18 Jun 2026

1 Bulan 1: Online Store Foundation

"Bangun Toko Online dari Nol"

SESI 1-4 — NEXT.JS
1

Instalasi Node.js, Belajar TypeScript + Next.js

Environment ready, paham dasar TypeScript & routing Next.js

12 Mei
2

Admin Dashboard + CRUD Produk dengan Next.js

CRUD produk + kategori berfungsi

13 Mei
3

Auth + API Routes + Middleware dengan Next.js

Login admin, API terproteksi

19 Mei
4

Landing Page + Catalog API dengan Next.js

Homepage olshop + API products

20 Mei
SESI 5-8 — FLUTTER
5

Project Setup + BLoC Pattern dengan Flutter

Struktur clean, state management

21 Mei
6

UI Slicing Flutter Design dengan AI Tools

Figma/V0 → Flutter, rapid prototyping

22 Mei
7

Integrasi Auth + Product dengan Flutter

Login + tampil produk dari API

25 Mei
8

Integrasi Cart + Order + History dengan Flutter

Checkout flow lengkap

29 Mei

2 Bulan 2: Production Ready

"Siap Jualan Beneran dengan Payment & Shipping"

SESI 9-12 — NEXT.JS
9

Xendit Setup + Payment Methods dengan Next.js

VA, QRIS, E-Wallet terintegrasi

2 Jun
10

Xendit Webhook + Order Status dengan Next.js

Auto update status pembayaran

3 Jun
11

Bitship Ongkir + Kurir Integrasi dengan Next.js

Cek ongkir realtime, pilih kurir

4 Jun
12

Admin Dashboard Advanced

Stats, laporan, resi tracking

9 Jun
SESI 13-16 — FLUTTER
13

Flutter Integrasi Payment (Xendit)

WebView/Deeplink payment

10 Jun
14

Flutter Integrasi Shipping + Tracking (Bitship)

Pilih kurir + lacak paket

11 Jun
15

Flutter Integration Firebase Push Notification

Push notification dengan Firebase Cloud Messaging

17 Jun
16

Deploy Next.js di VPS & Upload Aplikasi ke Google Play Store

Production server + AAB upload

18 Jun

Siap Bangun Aplikasi Online Store Fullstack?

16 pertemuan, 2 bulan, 2 apps — mulai dari Rp 465.500

Login untuk Daftar

Instruktur

Saiful Bahri

Saiful Bahri

Founder JagoFlutter.com

@codewithbahri

Co-Founder & CTO PakeDriver.com. Lulusan Teknik Informatika dengan 14+ tahun pengalaman di industri teknologi dari perusahaan multinasional Hitachi-Ebworx hingga startup unicorn GO-JEK. Telah mengajar 10.000+ developer dan membangun puluhan aplikasi production-ready.

14+
Tahun Pengalaman
10K+
Developer Diajar
50+
Aplikasi Production
20+
Apps di Play Store

FAQ

Apakah belajar dari nol?

Iya, belajar dari nol! Dimulai dari instalasi Node.js, belajar TypeScript dasar, lalu Next.js step by step. Kamu juga akan dapat source code disetiap sesi nya.

Ada 16x sesi live Zoom yang membahas setup, arsitektur, integrasi payment gateway, shipping, dan deploy ke production.

Perlu laptop spek apa?
  • RAM 8GB (16GB lebih nyaman)
  • Storage kosong minimal 20GB
  • OS: Windows 10/11, macOS, atau Linux
  • Koneksi internet stabil untuk Zoom
Dapat apa saja?
  • Source code fullstack (Next.js + Flutter) — boleh didownload
  • 16x sesi live via Zoom (2 jam per sesi)
  • Video recording semua sesi — boleh didownload
  • Support group WhatsApp untuk tanya jawab
  • Akses platform 2 tahun untuk review materi
Kalau ketinggalan pertemuan?

Tenang, semua sesi direcord dan bisa ditonton ulang kapan saja selama 2 tahun. Video juga boleh didownload untuk ditonton offline.

Bisa cicilan?

Bisa! Ada opsi cicilan 2x dengan diskon 43%. Bayar full lebih hemat karena diskon 51%.

Setelah selesai bisa apa?

Kamu akan punya skill dan source code yang bisa dimanfaatkan untuk berbagai peluang, misalnya:

  • Menawarkan jasa ke client sebagai freelancer
  • Membangun online store sendiri dengan app sendiri
  • Menawarkan jasa pembuatan app online store ke UMKM
  • Menambah portfolio untuk melamar kerja

16 Pertemuan, 2 Bulan, Fullstack Online Store

Next.js + Flutter — Kelas mulai 12 May 2026

Login untuk Daftar
JagoFlutter Academy

© 2026 JagoFlutter. All rights reserved.