Stevanus Satria's Portfolio (VitePress)

A modern JAM-stack personal website built with VitePress, Vue 3, and Tailwind CSS v4. Home page is manned by GPT-powered advocate agent deployed on Langbase and proxied through a Next.js backend. Everything is deployed on Vercel with Cloudflare as CDN.

Live Site: stevanussatria.com

✨ Features

• ⚡️ VitePress: Fast, minimal, and optimized static site generator.
• 🎨 Tailwind CSS v4: Utility-first CSS framework for rapid UI development.
• 🌙 Dark Mode: Seamless light/dark theme toggle.
• 📱 Responsive Design: Mobile-first and fully responsive layout.
• 🧠 Advocado: The AMA agent welcoming you to the site, hosted on Langbase.
• 🛠 Dedicated Backend: Proxies requests to Langbase without exposing secret tokens.
• 📦 GitHub-Vercel Integration: Dynamically fetches and displays public repositories to Vercel.

🚀 Getting Started

📝 Prerequisites

• Node.js (v16 or later)
• npm or pnpm

⏳ Installation

# Clone the repository
git clone https://github.com/stevahnes/vitepress-portfolio.git
cd vitepress-portfolio

# Install dependencies for frontend
cd frontend & npm install
# or
cd frontend & pnpm install

# Install dependencies for backend
cd api & npm install
# or
cd api & pnpm install

# Install dependencies for langbase
cd langbase & npm install
# or
cd langbase & pnpm install

🏃 Start the development server

Frontend

npm run docs:dev
# or
pnpm docs:dev

Backend

cd api & npm run dev
# or
cd api & pnpm run dev

🏗️ Generate static files

Frontend

npm run docs:build
# or
pnpm docs:build

📄 License

This project is licensed under the MIT License.