Backend Tak Lagi Jadi Masalah dengan Supabase

Image by freepik

Membangun aplikasi dengan mudah dan cepat tanpa harus terjebak dalam kerumitan manajemen infrastruktur backend, dengan bantuan Supabase.

Dalam mengembangkan suatu aplikasi, tak jarang Developer dituntut untuk cepat dan tanggap untuk memenuhi permintaan Stakeholder. Banyak Developer yang mencari cara untuk membangun aplikasi yang skalabel tanpa harus terjebak dalam kerumitan manajemen infrastruktur backend, terlebih jika mereka bekerja sendirian. Di sinilah Supabase hadir sebagai solusi inovatif.

Supabase adalah platform open-source yang menyediakan berbagai layanan backend yang dibangun di atas PostgreSQL, memungkinkan Developer untuk fokus pada pembuatan fitur aplikasi tanpa perlu khawatir tentang infrastruktur.

Fitur Utama

1. Database: Supabase menyediakan database PostgreSQL untuk setiap project yang Anda buat serta fungsi real-time yang membuat aplikasi Anda lebih dinamis.
2. Autentikasi: Supabase menawarkan layanan autentikasi, termasuk email/password, OAuth, dan penyedia pihak ketiga seperti Google, GitHub, dan Apple.
3. Penyimpanan File: Anda dapat menyimpan dan menyajikan file menggunakan layanan penyimpanan file Supabase, yang terintegrasi dengan fitur-fitur lainnya.
4. Fungsi Serverless: Supabase memungkinkan Anda menulis fungsi serverless menggunakan JavaScript atau TypeScript, melalui HTTP request atau client library.

Keuntungan

• Open-Source: Developer memiliki kontrol penuh dan fleksible untuk menggunakan atau memodifikasi project sesuai kebutuhan.
• Kemudahan Penggunaan: Supabase dirancang agar mudah digunakan bahkan oleh Developer yang tidak memiliki banyak pengalaman dengan manajemen backend.
• Skalabilitas: Dengan menggunakan PostgreSQL, aplikasi yang dibangun di atas Supabase dapat diskalakan dengan baik seiring pertumbuhan pengguna dan data.

Cara Memulai dengan Supabase

1. Daftar di situs web Supabase
2. Buat project baru

Mudah bukan? Mulai dari sini Kamu telah memiliki backend yang dihandle oleh Supabase, waktunya mengintegrasikan ke dalam aplikasimu.

Integrasi ke Aplikasi

Sebagai contoh, berikut adalah sebuah website yang Akan digunakan oleh Staff Admin Kafe dalam mengolah data produk-produk yang akan dijual.

Kurang lebih seperti ini spesifikasi fitur yang akan dibangun:

• Admin dapat melihat daftar produk
• Admin dapat menambahkan suatu produk

Buat database dan table sesuai kebutuhan

Kamu dapat memanfaatkan fitur Table Editor dengan antarmuka yang user-friendly, atau SQL Editor dengan menuliskan qeury SQL.

Install client library supabase-js

npm install @supabase/supabase-js

Konfigurasi API

Dapatkan konfigurasi API berupa base_uri dan api_key pada menu Project Settings > Configuration > API

import { createClient } from '@supabase/supabase-js'

const supabaseUrl = SUPABASE_URL
const supabaseKey = SUPABASE_KEY
const supabase = createClient(supabaseUrl, supabaseKey)

Memperoleh (fetch) data dengan API

const {data, error} = await supabase.from('Products').select('*')

Menambahkan data (insert) pada table dengan API

const {error} = await supabase
        .from('Products')
        .insert({name: name, category: category, price: price})

Hasil Akhir

Selamat Anda telah berhasil membangun aplikasi website sederhana dengan Supabase! 🎉

Selanjutnya, fitur apa ya yang bisa kita implementasikan?