Full-Stack Personal Website

A full-stack personal website with CRUD functionality for blogs, tags, technologies, projects, and role-based user management.

🚀 Features

• Authentication & Role-Based Access Control (RBAC) (Admin, Editor, User)

• Multiple user account

• CRUD Operations for Blog, Tags, Technologies, and Projects

• Responsive UI with Modern Design

📌 Live Demo

vinend.my.id

🔗 Repository

GitHub: repository

🔧 Installation & Setup

1️⃣ Clone the Repository

git clone https://github.com/KevinAdiwiguna/personal-website-v3-vinend-my-id.git
cd personal-website-v3-vinend-my-id

2️⃣ Create .env Files

AUTH_SECRET=

NEXTAUTH_URL='http://localhost:3000'
AUTH_TRUST_HOST=true

DATABASE_URL=

GITHUB_CLIENT_ID=
GITHUB_CLIENT_SECRET=

GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

GEMINI_API_KEY=

AUTH_RESEND_KEY=

CLOUDINARY_CLOUD_NAME=
CLOUDINARY_API_KEY=
CLOUDINARY_API_SECRET=

3️⃣ Run the Project development mode

bun dev

4️⃣ Run the Project Production mode

bun run build
bun start

🛠️ Tech Stack

• Frontend: Nextjs, TailwindCSS

• Backend: Nextjs, Supabase, Cloudinary

• Database: PostgreSQL

• Authentication: AuthJS v5

• DeploymentL Vercel