Skip to content

Repository files navigation

Personal Portfolio

A modern, high-performance portfolio website built with Next.js, Tailwind CSS, and TypeScript. Designed for static export to GitHub Pages.

Features

  • Centralized Data: All text content managed in src/data/site.ts.
  • Markdown Projects: Detailed project pages powered by Markdown files in content/projects/.
  • Static Export: Optimized for hosting on GitHub Pages (no server required).
  • Dark Mode: Sleek, modern aesthetic.
  • CI/CD: GitHub Actions workflows included for automated testing and deployment.

Getting Started

  1. Install dependencies:

    pnpm install
  2. Run development server:

    pnpm dev
  3. Build for production:

    pnpm build

Content Management

Editing Personal Info

Open src/data/site.ts. Here you can update your:

  • Bio & Intro
  • Experience & Education
  • Skills
  • Contact Links
  • Project List (Metadata)

Adding a Project

  1. Add the project metadata to the projects array in src/data/site.ts. Ensure the slug is unique.
  2. Create a Markdown file in content/projects/<slug>.md.
  3. Add frontmatter to the Markdown file (optional overrides):
    ---
    title: Project Title
    description: Short description...
    links:
      github: https://...
      demo: https://...
    ---

Deployment

This repo is configured to deploy to GitHub Pages automatically.

  1. Push your code to the main branch.
  2. Go to your repository settings on GitHub -> Pages.
  3. Set the source to GitHub Actions.
  4. The included workflow (.github/workflows/deploy.yml) will handle the rest.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages