Loading repository data…
noval-abdillah / repository
Website portofolio interaktif dan modern yang dibangun menggunakan teknologi mutakhir: Next.js 16 (App Router), Tailwind CSS, Supabase (PostgreSQL & Storage), serta animasi menggunakan GSAP. Proyek ini tidak hanya sekadar profil statis, melainkan sebuah SaaS Mini yang dilengkapi dengan sistem autentikasi dan CMS (Content Management System) pribadi
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Website portofolio interaktif dan modern yang dibangun menggunakan teknologi mutakhir: Next.js 16 (App Router), Tailwind CSS, Supabase (PostgreSQL & Storage), serta animasi menggunakan GSAP.
Proyek ini tidak hanya sekadar profil statis, melainkan sebuah SaaS Mini yang dilengkapi dengan sistem autentikasi dan CMS (Content Management System) pribadi untuk mengelola daftar proyek secara dinamis langsung dari Dashboard Admin.
Jika Anda ingin menjalankan proyek ini secara lokal, ikuti langkah-langkah berikut:
git clone https://github.com/noval-abdillah/noval-portfolio.git
cd noval-portfolio
npm install
Buat proyek baru di Supabase. Jalankan SQL Script berikut di menu SQL Editor Supabase Anda untuk menyiapkan tabel dan penyimpanan gambar:
-- MEMBUAT TABEL PROJECTS
CREATE TABLE IF NOT EXISTS public.projects (
id UUID DEFAULT gen_random_uuid() PRIMARY KEY,
title TEXT NOT NULL,
description TEXT NOT NULL,
tech_stack TEXT[] DEFAULT '{}',
image_url TEXT,
live_url TEXT,
github_url TEXT,
created_at TIMESTAMPTZ DEFAULT NOW()
);
ALTER TABLE public.projects ENABLE ROW LEVEL SECURITY;
CREATE POLICY "Siapapun bisa melihat project" ON public.projects FOR SELECT USING (true);
CREATE POLICY "Admin bisa menambah project" ON public.projects FOR INSERT TO authenticated WITH CHECK (true);
CREATE POLICY "Admin bisa mengubah project" ON public.projects FOR UPDATE TO authenticated USING (true);
CREATE POLICY "Admin bisa menghapus project" ON public.projects FOR DELETE TO authenticated USING (true);
-- MEMBUAT BUCKET GAMBAR
INSERT INTO storage.buckets (id, name, public) VALUES ('project-thumbnails', 'project-thumbnails', true) ON CONFLICT DO NOTHING;
CREATE POLICY "Siapapun bisa melihat gambar" ON storage.objects FOR SELECT USING (bucket_id = 'project-thumbnails');
CREATE POLICY "Admin bisa upload gambar" ON storage.objects FOR INSERT TO authenticated WITH CHECK (bucket_id = 'project-thumbnails');
CREATE POLICY "Admin bisa update gambar" ON storage.objects FOR UPDATE TO authenticated USING (bucket_id = 'project-thumbnails');
CREATE POLICY "Admin bisa hapus gambar" ON storage.objects FOR DELETE TO authenticated USING (bucket_id = 'project-thumbnails');
Catatan: Buat juga pengguna baru (Admin) melalui menu Authentication di Supabase.
Buat file bernama .env.local di root folder proyek Anda, lalu isi dengan Keys dari Supabase (Project Settings > API):
NEXT_PUBLIC_SUPABASE_URL=https://[YOUR_SUPABASE_ID].supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=[YOUR_SUPABASE_ANON_KEY]
npm run dev
Aplikasi akan berjalan di http://localhost:3000.
Untuk mengakses panel kontrol dan mengunggah portofolio:
https://[domain-anda]/admin/login (Atau /admin/login di localhost)├── public/ # Aset statis (gambar, favicon, resume PDF)
├── scripts/ # Script utilitas dan migrasi database
├── src/
│ ├── app/ # Next.js App Router (Halaman dan API Routes)
│ │ ├── (admin)/ # Rute khusus admin (dashboard, login)
│ │ └── (public)/ # Rute publik (home, about, blog, projects)
│ ├── components/ # Komponen UI modular
│ │ ├── canvas/ # Komponen Three.js Canvas
│ │ ├── layout/ # Komponen navigasi & layout (Navbar, Footer)
│ │ └── ui/ # Komponen UI dasar & interaktif
│ ├── context/ # Global React Context (Bahasa/i18n)
│ ├── lib/ # Konfigurasi i18n & Supabase client/server
│ └── types/ # Deklarasi tipe TypeScript global
Kontribusi selalu terbuka! Silakan fork repositori ini, buat branch baru, dan ajukan pull request.
Proyek ini dilisensikan di bawah lisensi MIT. Lihat file LICENSE untuk informasi lebih lanjut.
Maintainer: Noval Abdillah - noval.abdillah223@gmail.com
© 2026 Noval Abdillah. Semua Hak Cipta Dilindungi. Dibuat dengan antusiasme dan AI.
Selected from shared topics, language and repository description—not editorial ratings.
saleemuchtar /
Web portofolio modern dan responsif yang menampilkan profil, keahlian, proyek, pengalaman kerja, serta informasi kontak. Dibangun menggunakan React, TypeScript, Vite, dan Tailwind CSS, dengan dukungan bahasa Indonesia–Inggris serta animasi interaktif yang tetap nyaman diakses melalui desktop maupun perangkat mobile.
61/100 health