Tumbuh Ide Agency

Platform kolaborasi antara Content Creator dan Brand dengan fitur profil digital, manajemen link, dan analitik.

Comment

🚀 Tumbuh Ide Agency v2.1.1

Platform kolaborasi antara Content Creator dan Brand dengan fitur profil digital, manajemen link, dan analitik.

📋 Overview

Tumbuh Ide Agency adalah platform yang menghubungkan Content Creator dan Brand untuk kolaborasi yang saling menguntungkan. Platform ini menyediakan:

  • Profil Digital: Seperti Linktree dengan tampilan yang menarik dan profesional
  • Manajemen Link: Social media dan custom links dalam satu halaman
  • Analitik: Statistik pengunjung dan performa link
  • Tema Kustom: Personalisasi tampilan profil publik

🎯 Fitur Utama

🔐 Sistem Autentikasi Lengkap

  • Registrasi & Verifikasi Email: Sistem registrasi dengan verifikasi email
  • Login/Logout: Manajemen sesi dengan JWT token
  • Reset Password: Flow reset password yang aman
  • Setup Profile: Validasi username dan pengaturan profil awal
  • Pemilihan Role: Pilih role content creator atau brand

👤 Manajemen Profil

  • Edit Profil: Form edit profil dengan validasi real-time
  • Upload Foto: Sistem upload foto dengan preview dan validasi
  • Pemilihan Niche/Kategori: Dropdown dengan pencarian untuk niche dan kategori bisnis
  • Pemilihan Lokasi: Dropdown dengan pencarian untuk lokasi
  • Pengaturan Privasi: Kontrol visibilitas data profil

🔗 Manajemen Link

  • Social Media Links: Tambah, edit, hapus link sosial media dengan ikon platform
  • Custom Links: Tambah, edit, hapus link kustom dengan judul dan deskripsi
  • Visibilitas: Toggle untuk menampilkan/menyembunyikan link
  • Reordering: Pengaturan urutan link dengan drag & drop

📊 Analitik & Statistik

  • Dashboard Analitik: Visualisasi data performa profil
  • Pelacakan Tampilan: Statistik tampilan profil
  • Pelacakan Klik: Statistik klik link
  • Analisis Traffic: Sumber pengunjung dan demografi

🌐 Profil Publik

  • Halaman Publik: Desain OnlyFans-like untuk profil publik
  • Tema Kustom: Kustomisasi tema untuk profil publik
  • Optimasi SEO: Meta tags dan struktur yang SEO-friendly
  • Pelacakan Analitik: Integrasi dengan sistem analitik

🛠️ Tech Stack

  • Frontend: Next.js, React, TypeScript, Tailwind CSS
  • UI Components: shadcn/ui, Lucide React
  • Backend: Next.js API Routes, Supabase
  • Database: PostgreSQL (via Supabase)
  • Auth: Supabase Auth
  • Storage: Supabase Storage
  • Validasi: Zod
  • Deployment: Vercel (atau self-hosted)

🔄 Flow Autentikasi

Login → Check Kondisi Akun → Setup Username → Select Role → Dashboard
  1. Login/Register: Menggunakan Supabase Auth
  2. Check Kondisi: Validasi status akun (has_username, role)
  3. Setup Username: Jika belum ada username
  4. Select Role: Pilih role (content_creator/brand)
  5. Dashboard: Akses fitur sesuai role

📁 Struktur Project

├── app/
│   ├── admin/         # Admin panel
│   ├── auth/          # Auth pages (login, register, etc)
│   ├── dashboard/     # User dashboard
│   ├── docs/          # Documentation
│   └── api/           # API routes
├── components/        # Reusable components
├── lib/               # Utilities, middleware, schemas
├── hooks/             # Custom React hooks
└── supabase/          # Supabase migrations

⚙️ Setup

  1. Clone repository
  2. Copy .env.example ke .env.local dan sesuaikan variabelnya
  3. Setup Supabase project dan update credentials
  4. Install dependencies: npm install
  5. Run development server: npm run dev

🔒 Environment Variables

# Supabase Configuration
NEXT_PUBLIC_SUPABASE_URL=https://your-project-id.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key
SUPABASE_SERVICE_ROLE_KEY=your-service-role-key

# App Configuration
NEXT_PUBLIC_SITE_URL=http://localhost:3000
NEXT_PUBLIC_API_KEY=your-api-key
NEXT_PUBLIC_APP_NAME=Tumbuh Ide Agency
NEXT_PUBLIC_APP_DESCRIPTION=Platform kolaborasi Content Creator dan Brand

# Security Settings
NEXT_PUBLIC_SHOW_SENSITIVE_DATA=false
NODE_ENV=development

🚀 Current Status (v2.1.1)

✅ Completed Features

  • Sistem Autentikasi: Login, register, reset password, setup profile, select role
  • Manajemen Profil: Edit profil, upload foto, pemilihan niche/kategori, lokasi
  • Manajemen Link: Social media links, custom links, reordering
  • Profil Publik: Halaman profil publik dengan tema kustom
  • Validasi Profil: Sistem validasi untuk memastikan profil lengkap sebelum ditampilkan

🔄 In Progress

  • Analitik Lanjutan: Dashboard analitik dengan visualisasi data
  • Sistem Discovery: Pencarian dan filtering content creator/brand
  • Kolaborasi: Fitur untuk kolaborasi antara creator dan brand

📚 Documentation

Akses /docs untuk dokumentasi lengkap dan changelog.

🛡️ Security Practices

  • Input sanitization dan XSS protection
  • Row Level Security policies di Supabase
  • API key validation dan rate limiting
  • Security headers dan CSRF protection

📄 Additional Docs

🏗️ Architecture

See docs/architecture.md for an overview of the system architecture.

📊 API Reference

For detailed API documentation, please refer to the API Documentation file.

Built With

  • api
  • nextjs
  • supabase
Share this project:

Updates