Langsung ke konten
Kembali ke project

Web Development

Bulan Fintech Nasional 2026

Platform digital buat Bulan Fintech Nasional, kampanye fintech nasional sebulan penuh dari AFTECH: website kampanye, dashboard peserta, dan admin portal dalam satu Next.js monorepo.

Bulan Fintech Nasional 2026

Kenalan sama Bulan Fintech Nasional

Bulan Fintech Nasional (BFN) adalah inisiatif dari Asosiasi Fintech Indonesia (AFTECH). BFN mulai tanggal 11 November, Hari Fintech Nasional, dan jalan sebulan penuh sampai 12 Desember, Hari Belanja Online Nasional (Harbolnas).

Selama sebulan, BFN bawa ekosistem keuangan digital Indonesia lebih dekat ke masyarakat: program literasi keuangan, promo dari para pelaku fintech, job fair, dan berbagai event di seluruh Indonesia. Tema 2026 adalah "Fintech All Around You", yang nunjukin gimana fintech udah jadi bagian dari kehidupan sehari-hari dan ngembangin ekosistem keuangan yang lebih inklusif, inovatif, dan terhubung.

Event utamanya BFN Fest 2026, international conference and expo tanggal 26-27 November 2026 di Balai Kartini, Jakarta, dengan tema "Everything, Everywhere, Productive at Once: Fintech & Real Sector Growth". Di sini ketemu para pemimpin industri, regulator, investor, startup, komunitas, dan partner global lewat conference, expo produk fintech B2B dan B2C, Infinity Stage, business matching di Connection Lounge, dan Fintech Xperience yang interaktif.

Buat gambaran skalanya, edisi sebelumnya (BFN 2025) mencatat 150+ kontributor, 90+ strategic partner nasional dan internasional, 90+ program literasi keuangan, 50+ program promo, dan 170+ lowongan kerja.

Tantangan

Kampanye segede ini butuh lebih dari sekadar landing page. Pengunjung butuh satu tempat yang jelas buat nemuin event, speaker, partner, berita, promo, dan lowongan kerja. Peserta butuh akun buat daftar event dan mantau aktivitas serta poin mereka. Exhibitor butuh workspace buat konten perusahaannya, dan tim AFTECH butuh admin portal buat ngelola dan moderasi semuanya.

Semua itu harus rilis di tanggal yang udah ditentukan, dalam dua bahasa, dan tetap cepat serta andal di minggu-minggu tersibuk kampanye.

Platform

Aku ngerjain BFN 2026 digital platform di Sawala Technology di sisi front end, terus ikut ngembangin back-end API yang dipakai aplikasinya. Platformnya berupa Turborepo monorepo dengan satu app buat tiap audiens dan shared packages di bawahnya:

  • Homepage: kampanye publik dan pengalaman discovery.

  • User dashboard: profil, event, aktivitas, BFN points, dan notifikasi buat peserta terdaftar.

  • Exhibitor workspace: ruang berbasis undangan buat perusahaan ngelola profil dan ngirim konten.

  • Admin portal: manajemen akun, moderasi, dan pengawasan platform buat admin AFTECH dan BFN.

  • Shared packages: UI components, domain types, API services, dan utilities yang dipakai semua app.

Tiap app terhubung ke backend Hapi lewat kontrak /api/v1 yang terdokumentasi, dengan cookie session, proteksi CSRF, dan role-based access.

Yang aku bikin

Homepage experience

  • Develop ulang landing motion dengan fokus ke satu hero moment, dan nambahin animated BFN logo splash screen.

  • Navigasi section yang mulus tanpa hash link, plus toast "coming soon" buat jadwal yang belum dipublikasikan.

  • Halaman berita yang sepenuhnya dari API dengan server-side search, pakai layout dan motion yang sama kayak landing page.

  • Navbar dan footer yang cuma ngarah ke halaman dan section yang ada, dengan language switcher di samping tombol auth dan state session yang tetap stabil pas loading.

SEO dan performance

  • Localized metadata, social cards, dan structured data di setiap halaman, plus localized sitemap dan robots.txt.

  • Halaman per locale yang di-prerender dan di-revalidate tiap menit, jadi konten tetap fresh tanpa bikin website jadi lambat.

  • Optimasi remote images dengan loading shimmer.

  • Shared components di-emit sebagai ESM dan di-import per path, jadi tiap app cuma ngirim kode yang dipakai.

Admin portal

  • Modul event, merchandise, BFN points, dan QR code, plus halaman profil dengan form ganti password yang dipakai bersama.

  • Empty dan error state yang konsisten di halaman list dan detail, plus halaman 404 yang rapi.

  • Ngedokumentasiin kebutuhan API backend buat admin portal, biar frontend dan backend bisa dikerjain paralel.

User dashboard dan shared UI

  • Benerin penanganan session biar login callback tetap jalan walau session-nya udah expired.

  • Shared form components, field hint, state pada select, dan language menu yang dipakai semua app.

Kontribusi back-end

Pas aplikasinya butuh kemampuan baru, aku ngembangin back-end REST API-nya dan nyambungin ke alur participant dan exhibitor:

  • Manajemen exhibitor buat exhibitor workspace dan admin portal.

  • Pelaporan BFN points.

  • Setting visibilitas lowongan di job fair.

Cara aku kerja

Aku ngerjain fitur front-end dan back-end bareng AI coding agents, pakai structured planning, project context, reusable agent skills, dan MCP tools, lalu setiap perubahan tetap aku validasi lewat code review dan testing.

Gambaran arsitektur

Gambaran umum platformnya. Tiap audiens punya app sendiri, dan keempatnya pakai shared packages yang sama biar komponen, tipe data, dan pemanggilan API tetap konsisten. Semua app nyambung ke REST API yang sama.

flowchart LR
  accTitle: Gambaran platform BFN 2026
  accDescr: Empat app dalam satu Turborepo monorepo melayani pengunjung, participant, exhibitor, dan admin. Keempatnya berbagi UI, tipe data, dan API service, lalu terhubung ke satu REST API.
  visitor([Pengunjung]) --> home
  attendee([Participant]) --> dash
  exhibitor([Exhibitor]) --> exhib
  adminUser([Admin AFTECH]) --> adminApp
  subgraph mono["Turborepo monorepo"]
    home["Homepage<br/>kampanye, event, berita, lowongan"]
    dash["User dashboard<br/>event, aktivitas, poin"]
    exhib["Exhibitor workspace<br/>profil dan konten perusahaan"]
    adminApp["Admin portal<br/>akun dan moderasi"]
    shared[["Shared packages<br/>UI, tipe data, API service"]]
  end
  home & dash & exhib & adminApp --- shared
  shared --> api[("REST API<br/>/api/v1")]

Tech stack

Next.js 16, React 19, TypeScript, Tailwind CSS 4, TanStack Query, Motion, dan Turborepo, terintegrasi dengan backend Hapi /api/v1.

Hasil

Platform ini udah live di bulanfintechnasional.com, melayani kampanye publik BFN 2026 dalam bahasa Inggris dan Indonesia.

Next project

One Academy

Side Project · 2026