Akses Selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Full Stack Golang React: Integrasi AI LLM Bikin Supernote

icon global
Released date August 2025
icon convert
Last updated March 2026
Member

242 enrolled

Lesson Type

Video Only

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Pingin punya portfolio AI tapi bingung harus mulai dari mana? Kelas premium ini cocok banget buat kamu yang pengen belajar membangun aplikasi full stack dengan integrasi AI/LLM dari nol, lengkap dengan praktik proyek nyata yang bisa langsung kamu jadikan portfolio profesional.

 

Di kelas ini kita akan membangun aplikasi catatan pintar yang kita sebut Supernote. Bukan sekadar CRUD catatan biasa, aplikasi ini akan dilengkapi kemampuan AI seperti Semantic Search untuk mencari catatan berdasarkan makna (bukan hanya keyword), dan Chatbot AI yang bisa menjawab pertanyaan pengguna berdasarkan isi catatan mereka sendiri. Dengan dua fitur ini, project yang kamu hasilkan bukan hanya aplikasi catatan standar, tapi aplikasi modern yang siap jadi portfolio.

 

Untuk membangunnya, kamu akan belajar dari sisi backend dengan Golang: mulai dari setup project, menghubungkan ke database Supabase, membangun REST API yang clean dan scalable, hingga mengelola asynchronous processing untuk proses embedding AI. Integrasi AI akan menggunakan Gemini AI, lengkap dengan teknik vector embedding, Retrieval-Augmented Generation (RAG), dan AI Workflow yang jadi fondasi aplikasi berbasis LLM di dunia nyata.

 

Dari sisi frontend, kamu akan menggunakan ReactJS lengkap dengan Axios untuk komunikasi API. Kita juga akan memanfaatkan TypeScript agar lebih type-safety dan maintainable ke depannya. Semua komponen ini sudah diatur agar kamu bisa langsung fokus menghubungkan UI dengan backend Golang dan integrasi Gemini AI.

 

Sebagai student premium, kamu akan mendapatkan akses kelas selamanya sehingga bisa belajar dengan ritme sendiri, ditambah kesempatan konsultasi langsung dengan mentor untuk memperdalam materi. Kamu juga akan tergabung dalam grup diskusi khusus antar student agar bisa saling sharing pengalaman, tips, dan solusi saat mengerjakan project.

 

Yang menarik, project utama dari kelas ini boleh kamu modifikasi minimal 30% lalu dijual kembali kepada klien sebagai produk milikmu sendiri. Jadi selain belajar, kamu juga berpeluang mendapatkan income dari hasil karya yang kamu kembangkan.

 

Dengan menyelesaikan kelas ini, kamu akan punya portfolio full stack + AI pertama yang bisa langsung kamu tampilkan saat melamar kerja atau pitching ke klien. Lebih dari itu, kamu akan menguasai workflow aplikasi modern yang menggabungkan web development dengan kecerdasan buatan menggunakan Golang, ReactJS, Supabase, dan Gemini AI.

Sneak Peek

Key Points

icon_check

Belajar full stack development menggunakan Golang (backend), ReactJS (frontend), Supabase (database), dan integrasi AI dengan Gemini AI.

icon_check

Mengerjakan project real-world aplikasi catatan pintar “Supernote” dengan fitur Semantic Search dan Chatbot AI berbasis LLM.

icon_check

Mendalami konsep modern seperti asynchronous processing, vector embedding, Retrieval-Augmented Generation (RAG), dan AI Workflow.

icon_check

Frontend ReactJS dilengkapi integrasi API dengan Axios dan TypeScript yang langsung terhubung dengan backend Golang dan AI.

Designed For

icon_check

Untuk Anda yang ingin belajar full stack web development dengan stack modern (Golang, ReactJS, Supabase) sekaligus memahami integrasi AI/LLM menggunakan Gemini AI.

icon_check

Untuk Anda yang bercita-cita menjadi full stack web developer yang siap adaptasi dengan tren AI, dan membutuhkan project nyata berbasis AI untuk memperkuat portfolio kerja atau melamar ke perusahaan impian.

icon_check

Untuk Anda yang ingin membangun produk digital sendiri, misalnya aplikasi catatan pintar atau knowledge management system, dengan backend yang scalable dan fitur AI canggih seperti semantic search dan chatbot.

icon_check

Untuk Anda yang ingin bekerja freelance dan menawarkan jasa pembuatan aplikasi web berbasis AI, sehingga bisa memberikan nilai tambah kepada klien dengan source code dan panduan terstruktur yang bisa dimodifikasi sesuai kebutuhan.

Course Lessons

icon global
Videos language: Bahasa Indonesia (Auto-translation available)

Learn With Expert

Mentor Mario Prasetya Mulya

Mario Prasetya Mulya

Back-End Developer

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

(2.5K)

Our Happy Students

Review setelah bergabung di kelas Full Stack Golang React: Integrasi AI LLM Bikin Supernote

All Rating
Muhammad Kemal Syahru Ramadhan at BuildWithAngga
Muhammad Kemal Syahru Ram

Lifetime Learner

kelasnya sangat bermanfaat untuk belajar tentang integrasi ai read more

03 Mar 2026

ic-star ic-star ic-star ic-star ic-star
Zhuhry at BuildWithAngga
Zhuhry

Web Developer

Course ms mario bgs semua, pnjelasnya detail dan yg luar biasanya itu ada teoriny, jd lebih phm scr keseluruhan tdk hanya usecase project yg dikerjakan saja. Saya harap mentor lain mengikuti format kls mas mario. Untuk mas mario banyakin dong coursenya read more

24 Feb 2026

ic-star ic-star ic-star ic-star ic-star
fathur rahman fauzan at BuildWithAngga
Fathur rahman fauzan

Full-Stack Developer

bagus kelasnya read more

21 Jan 2026

ic-star ic-star ic-star ic-star ic-star
Yoga Rizky Putra at BuildWithAngga
Yoga Rizky Putra

Full-Stack Developer

Materinya to the point, Sekarang lumayan paham soal RAG, cosin similarity dan lainnya, dan membantu memahami cara pakai bahasa golang juga. read more

05 Jan 2026

ic-star ic-star ic-star ic-star ic-star
FARHAN YUDHA PRATAMA at BuildWithAngga
FARHAN YUDHA PRATAMA

Quality Assurance

Sangat bagus dan bermanfaat, isinya juga full daging read more

30 Dec 2025

ic-star ic-star ic-star ic-star ic-star
Ahmad Solikhin at BuildWithAngga
Ahmad Solikhin

Lifetime Learner

Keren, mudah dimengerti. read more

02 Nov 2025

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

React JS

Software

logo

Golang

Software

logo

Supabase

Software

logo

Postman

Software

Low Risk, High Return

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

icon_check

Selamanya

Rp 320,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

Recommended for You

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 Golang React: Integrasi AI LLM Bikin Supernote Foto kelas Full Stack Golang React: Integrasi AI LLM Bikin Supernote Foto kelas Full Stack Golang React: Integrasi AI LLM Bikin Supernote Foto kelas Full Stack Golang React: Integrasi AI LLM Bikin Supernote

Full Stack Golang React: Integrasi AI LLM Bikin Supernote

icon global
Videos language: Bahasa Indonesia (Auto-translation available)

  • lock
    Perkenalan Kelas
    Video 3 minutes
  • lock
    Overview Materi
    Video 4 minutes

  • lock
    Apa itu LLM dan Generative AI ?
    Video 17 minutes
  • lock
    Pemanfaatan LLM
    Video 12 minutes
  • lock
    Cara Kerja LLM
    Video 9 minutes

  • lock
    Overview Aplikasi
    Video 3 minutes
  • lock
    Tools Development
    Video 2 minutes
  • lock
    Desain ERD
    Video 3 minutes
  • lock
    Setup Template FE
    Video 2 minutes
  • lock
    Penjelasan Template FE
    Video 7 minutes
  • lock
    Setup Template BE
    Video 3 minutes
  • lock
    Penjelasan Template BE
    Video 10 minutes
  • lock
    Setup Supabase
    Video 3 minutes

  • lock
    Implementasi ERD Notebook
    Video 3 minutes
  • lock
    API Create Notebook
    Video 16 minutes
  • lock
    API Show Notebook
    Video 12 minutes
  • lock
    API Update Notebook
    Video 8 minutes
  • lock
    API Delete Notebook
    Video 15 minutes
  • lock
    API Move Notebook
    Video 8 minutes
  • lock
    API List Notebook
    Video 12 minutes
  • lock
    CORS
    Video 2 minutes
  • lock
    Integrasi API List Notebook FE
    Video 11 minutes
  • lock
    Integrasi API Create Notebook FE
    Video 7 minutes
  • lock
    Integrasi API Update Notebook FE
    Video 6 minutes
  • lock
    Integrasi API Delete Notebook FE
    Video 4 minutes
  • lock
    Integrasi API Move Notebook FE
    Video 4 minutes
  • lock
    Setup ENV FE
    Video 3 minutes

  • lock
    Implementasi ERD Note
    Video 3 minutes
  • lock
    API Create Note
    Video 15 minutes
  • lock
    API Show Note
    Video 8 minutes
  • lock
    API Update Note
    Video 9 minutes
  • lock
    API Delete Note
    Video 5 minutes
  • lock
    API Move Note
    Video 6 minutes
  • lock
    Modifikasi API Delete Notebook
    Video 8 minutes
  • lock
    Modifikasi API List Notebook
    Video 15 minutes
  • lock
    Integrasi API List Note FE
    Video 6 minutes
  • lock
    Integrasi API Create Note FE
    Video 5 minutes
  • lock
    Integrasi API Update Note FE
    Video 6 minutes
  • lock
    Integrasi API Delete Note FE
    Video 3 minutes
  • lock
    Integrasi API Move Note FE
    Video 4 minutes

  • lock
    Semantic Search
    Video 10 minutes
  • lock
    Retrieval-Augmented Generation (RAG)
    Video 10 minutes
  • lock
    Desain Sistem Semantic Search
    Video 6 minutes
  • lock
    Gemini AI
    Video 6 minutes
  • lock
    Setup Gemini API
    Video 4 minutes
  • lock
    Implementasi ERD Semantic Search
    Video 4 minutes
  • lock
    Implementasi Publisher untuk Embedding
    Video 13 minutes
  • lock
    Setup Consumer
    Video 13 minutes
  • lock
    Gemini API Call pada Consumer
    Video 21 minutes
  • lock
    Proses Hasil Embedding pada Consumer
    Video 9 minutes
  • lock
    Document Enrichment
    Video 11 minutes
  • lock
    Modifikasi API Update Notebook
    Video 9 minutes
  • lock
    API Semantic Search
    Video 24 minutes
  • lock
    Modifikasi Beberapa API
    Video 21 minutes
  • lock
    Integrasi API Semantic Search FE
    Video 6 minutes

  • lock
    Desain Sistem Chatbot AI
    Video 8 minutes
  • lock
    Implementasi ERD Chatbot AI
    Video 5 minutes
  • lock
    API Chat Gemini
    Video 11 minutes
  • lock
    API Create Chat Session
    Video 30 minutes
  • lock
    API Get All Chat Session
    Video 8 minutes
  • lock
    API Get Chat Session History
    Video 13 minutes
  • lock
    API Send Chat
    Video 24 minutes
  • lock
    Implementasi Gemini API untuk Reply
    Video 24 minutes
  • lock
    Implementasi RAG untuk Reference
    Video 8 minutes
  • lock
    API Chat Gemini untuk AI Workflow RAG
    Video 8 minutes
  • lock
    Implementasi AI Workflow untuk RAG
    Video 19 minutes
  • lock
    API Delete Session
    Video 11 minutes
  • lock
    Integrasi List Chat Session FE
    Video 5 minutes
  • lock
    Integrasi Detail Chat History FE
    Video 7 minutes
  • lock
    Integrasi Create Chat Session FE
    Video 4 minutes
  • lock
    Integrasi Delete Chat Session FE
    Video 9 minutes
  • lock
    Integrasi Send Chat FE
    Video 11 minutes
  • lock
    Modifikasi Bubble Chat Menjadi MD
    Video 4 minutes
  • lock
    Penutup
    Video 3 minutes
Member
242
Lesson Type
Video Only
Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check
Develop Your Skills

Pingin punya portfolio AI tapi bingung harus mulai dari mana? Kelas premium ini cocok banget buat kamu yang pengen belajar membangun aplikasi full stack dengan integrasi AI/LLM dari nol, lengkap dengan praktik proyek nyata yang bisa langsung kamu jadikan portfolio profesional.

 

Di kelas ini kita akan membangun aplikasi catatan pintar yang kita sebut Supernote. Bukan sekadar CRUD catatan biasa, aplikasi ini akan dilengkapi kemampuan AI seperti Semantic Search untuk mencari catatan berdasarkan makna (bukan hanya keyword), dan Chatbot AI yang bisa menjawab pertanyaan pengguna berdasarkan isi catatan mereka sendiri. Dengan dua fitur ini, project yang kamu hasilkan bukan hanya aplikasi catatan standar, tapi aplikasi modern yang siap jadi portfolio.

 

Untuk membangunnya, kamu akan belajar dari sisi backend dengan Golang: mulai dari setup project, menghubungkan ke database Supabase, membangun REST API yang clean dan scalable, hingga mengelola asynchronous processing untuk proses embedding AI. Integrasi AI akan menggunakan Gemini AI, lengkap dengan teknik vector embedding, Retrieval-Augmented Generation (RAG), dan AI Workflow yang jadi fondasi aplikasi berbasis LLM di dunia nyata.

 

Dari sisi frontend, kamu akan menggunakan ReactJS lengkap dengan Axios untuk komunikasi API. Kita juga akan memanfaatkan TypeScript agar lebih type-safety dan maintainable ke depannya. Semua komponen ini sudah diatur agar kamu bisa langsung fokus menghubungkan UI dengan backend Golang dan integrasi Gemini AI.

 

Sebagai student premium, kamu akan mendapatkan akses kelas selamanya sehingga bisa belajar dengan ritme sendiri, ditambah kesempatan konsultasi langsung dengan mentor untuk memperdalam materi. Kamu juga akan tergabung dalam grup diskusi khusus antar student agar bisa saling sharing pengalaman, tips, dan solusi saat mengerjakan project.

 

Yang menarik, project utama dari kelas ini boleh kamu modifikasi minimal 30% lalu dijual kembali kepada klien sebagai produk milikmu sendiri. Jadi selain belajar, kamu juga berpeluang mendapatkan income dari hasil karya yang kamu kembangkan.

 

Dengan menyelesaikan kelas ini, kamu akan punya portfolio full stack + AI pertama yang bisa langsung kamu tampilkan saat melamar kerja atau pitching ke klien. Lebih dari itu, kamu akan menguasai workflow aplikasi modern yang menggabungkan web development dengan kecerdasan buatan menggunakan Golang, ReactJS, Supabase, dan Gemini AI.

read more
Key Points
  • check
    Belajar full stack development menggunakan Golang (backend), ReactJS (frontend), Supabase (database), dan integrasi AI dengan Gemini AI.
  • check
    Mengerjakan project real-world aplikasi catatan pintar “Supernote” dengan fitur Semantic Search dan Chatbot AI berbasis LLM.
  • check
    Mendalami konsep modern seperti asynchronous processing, vector embedding, Retrieval-Augmented Generation (RAG), dan AI Workflow.
  • check
    Frontend ReactJS dilengkapi integrasi API dengan Axios dan TypeScript yang langsung terhubung dengan backend Golang dan AI.
Created For
  • check
    Untuk Anda yang ingin belajar full stack web development dengan stack modern (Golang, ReactJS, Supabase) sekaligus memahami integrasi AI/LLM menggunakan Gemini AI.
  • check
    Untuk Anda yang bercita-cita menjadi full stack web developer yang siap adaptasi dengan tren AI, dan membutuhkan project nyata berbasis AI untuk memperkuat portfolio kerja atau melamar ke perusahaan impian.
  • check
    Untuk Anda yang ingin membangun produk digital sendiri, misalnya aplikasi catatan pintar atau knowledge management system, dengan backend yang scalable dan fitur AI canggih seperti semantic search dan chatbot.
  • check
    Untuk Anda yang ingin bekerja freelance dan menawarkan jasa pembuatan aplikasi web berbasis AI, sehingga bisa memberikan nilai tambah kepada klien dengan source code dan panduan terstruktur yang bisa dimodifikasi sesuai kebutuhan.
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
242
Happy Students
Muhammad Kemal Syahru Ramadhan at BuildWithAngga
Muhammad Kemal Syahru Ramadhan

Lifetime Learner

kelasnya sangat bermanfaat untuk belajar tentang integrasi ai

03 Mar 2026

ic-star ic-star ic-star ic-star ic-star
Zhuhry at BuildWithAngga
Zhuhry

Web Developer

Course ms mario bgs semua, pnjelasnya detail dan yg luar biasanya itu ada teoriny, jd lebih phm scr keseluruhan tdk hanya usecase project yg dikerjakan saja. Saya harap mentor lain mengikuti format kls mas mario. Untuk mas mario banyakin dong coursenya

24 Feb 2026

ic-star ic-star ic-star ic-star ic-star
fathur rahman fauzan at BuildWithAngga
fathur rahman fauzan

Full-Stack Developer

bagus kelasnya

21 Jan 2026

ic-star ic-star ic-star ic-star ic-star
Yoga Rizky Putra at BuildWithAngga
Yoga Rizky Putra

Full-Stack Developer

Materinya to the point, Sekarang lumayan paham soal RAG, cosin similarity dan lainnya, dan membantu memahami cara pakai bahasa golang juga.

05 Jan 2026

ic-star ic-star ic-star ic-star ic-star
FARHAN YUDHA PRATAMA at BuildWithAngga
FARHAN YUDHA PRATAMA

Quality Assurance

Sangat bagus dan bermanfaat, isinya juga full daging

30 Dec 2025

ic-star ic-star ic-star ic-star ic-star
Ahmad Solikhin at BuildWithAngga
Ahmad Solikhin

Lifetime Learner

Keren, mudah dimengerti.

02 Nov 2025

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

arrow_upward
Marketing Banner

Kode Promo