Project
2026
Google Login Starter
Starter kit Google authentication minimal yang dibangun dengan Next.js, Better Auth, Drizzle ORM, PostgreSQL, dan Tailwind CSS.
Ringkasan
Google Login Starter adalah template autentikasi reusable untuk mempercepat setup Google OAuth pada aplikasi Next.js modern. Template ini mencakup auth flow utama, protected profile page, schema database, panduan environment, dan fondasi UI yang bersih.
Masalah
Setup Google OAuth dari awal membutuhkan konfigurasi provider, callback route, session, schema database, protected page, dan environment variable. Setup berulang seperti ini dapat memperlambat project kecil dan prototype.
Solusi
Saya membuat starter kit yang menghubungkan Google login end-to-end dengan Better Auth, Drizzle ORM, dan PostgreSQL, dilengkapi dokumentasi setup dan app flow yang reusable.
Alur Kerja
Konfigurasi credential OAuth
Atur environment variable
Push schema database
Jalankan starter app
Kustomisasi brand
Fitur Utama
Flow Google OAuth login dengan Better Auth.
Session management dan protected profile page.
Schema PostgreSQL yang dikelola dengan Drizzle ORM.
Halaman landing, login, dan profile minimal yang siap dikustomisasi.
Dokumentasi setup untuk environment variable, Google OAuth, dan command database.
Kontribusi Saya
Merancang struktur starter kit yang reusable untuk app kecil dan prototype.
Mengonfigurasi integrasi server dan client Better Auth untuk Google sign-in.
Menyiapkan schema Drizzle ORM dan workflow database untuk data autentikasi.
Membangun halaman UI minimal dan auth actions untuk sign-in, protected access, dan sign-out.
Mendokumentasikan langkah setup, script, catatan kustomisasi, dan reminder keamanan produksi.
Highlight Teknis
Struktur Next.js App Router dengan route handler Better Auth di `/api/auth/[...all]`.
Setup credential Google OAuth dan redirect URI untuk local development.
Workflow Drizzle ORM dengan script push, generate, migrate, dan studio.
Pattern protected route untuk user unauthenticated.
Catatan keamanan untuk secret, production URL, HTTPS, dan trusted redirect URI.
Dampak
Mengurangi setup berulang untuk project yang membutuhkan Google authentication.
Membuat referensi bersih untuk integrasi Better Auth, Drizzle, dan PostgreSQL.
Memudahkan memulai project Next.js dengan autentikasi dan default yang terdokumentasi.
Stack Teknologi
Next.js
React
TypeScript
Tailwind
Better Auth
Drizzle
PostgreSQL