Skip to content

Getting Started with DevfolioX

Kevin TrinhJanuary 15, 2026

Learn how to set up and customize your DevfolioX portfolio in minutes. This guide covers installation, configuration, and deployment.

Getting Started with DevfolioX

Getting Started with DevfolioX

Welcome to DevfolioX! This guide will help you set up your portfolio in just a few minutes.

Prerequisites

Before you begin, make sure you have the following installed:

  • Node.js 18 or later
  • npm, yarn, or pnpm
  • Git

Installation

  1. Clone the repository:
git clone https://github.com/KevinTrinhDev/DevfolioX.git
cd DevfolioX
  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev

Open http://localhost:3000 in your browser to see your portfolio.

Configuration

All configuration is done through JSON files in the /config directory:

  • site.json - Your name, title, social links, and section toggles
  • projects.json - Your portfolio projects
  • experience.json - Work experience
  • education.json - Education history

Site Configuration

Edit config/site.json to customize your portfolio:

{
  "name": "Your Name",
  "title": "Software Developer",
  "tagline": "Building things for the web...",
  "location": "Your City"
}

Theming

DevfolioX supports both light and dark themes. You can configure the default theme and accent colors in config/theme.json.

Deployment

DevfolioX can be deployed to any platform that supports Next.js:

  • Vercel - Recommended, one-click deploy
  • Netlify - Full support
  • Cloudflare Pages - Edge deployment

Next Steps

  • Customize your social links
  • Add your projects
  • Write your first blog post
  • Deploy to production

Happy building!