A minimal, fast, and accessible personal portfolio website to showcase projects, experience, and contact info.
🌐 Live Site: https://www.jacksdevfolio.com
- Next.js 14 API on vinext (Vite) – framework (App Router)
- Tailwind CSS – styling
- Bun – runtime & package manager (recommended)
- Cloudflare Workers – deployment & hosting
- Bun (recommended): Install Bun
- Node.js 18+ (fallback)
# Using Bun (recommended)
bun install
bun run dev
# Or using npm/yarn
npm install
npm run devThe blog uses Markdown files stored in content/blog/ with frontmatter metadata. Blog posts are automatically loaded from markdown files via the /api/blog endpoint.
- Create a new
.mdfile incontent/blog/ - Add frontmatter at the top:
---
title: "Your Blog Title"
date: "2026-01-17"
category: "Web Development"
tags: ["React", "Next.js"]
excerpt: "Brief description..."
bannerImage: "https://example.com/image.jpg"
---
Your markdown content here...- The blog will automatically detect and display new posts (no build step needed)
- Commit and deploy
- Dynamic markdown loading from
content/blog/directory - Auto-expansion of the first post on page load
- Real-time updates when markdown files are edited
- Search & filtering by tags
- GitHub Flavored Markdown support
- Responsive design with masonry background
- Fully responsive (desktop, tablet, mobile)
- Fast and performance-focused
- Clean, minimal UI
- Accessible and semantic HTML
All site content is stored in one file:
lib/content.ts
You can easily update your projects, experience, links, and text by editing the JSON-style data in this file — no component changes needed.
git clone https://github.com/Jack5237/portfolio-website.git
cd portfolio-website
bun install
bun run devOpen http://localhost:3000 to view it locally.
- 📧 Email: contact@jacksdevfolio.com
- 💬 Discord:
ttv_jack_
MIT