A modern, high-performance portfolio website built with Next.js, Tailwind CSS, and TypeScript. Designed for static export to GitHub Pages.
- 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.
-
Install dependencies:
pnpm install
-
Run development server:
pnpm dev
-
Build for production:
pnpm build
Open src/data/site.ts. Here you can update your:
- Bio & Intro
- Experience & Education
- Skills
- Contact Links
- Project List (Metadata)
- Add the project metadata to the
projectsarray insrc/data/site.ts. Ensure theslugis unique. - Create a Markdown file in
content/projects/<slug>.md. - Add frontmatter to the Markdown file (optional overrides):
--- title: Project Title description: Short description... links: github: https://... demo: https://... ---
This repo is configured to deploy to GitHub Pages automatically.
- Push your code to the
mainbranch. - Go to your repository settings on GitHub -> Pages.
- Set the source to GitHub Actions.
- The included workflow (
.github/workflows/deploy.yml) will handle the rest.