James Liao

Full-stack Designer

I build accessible, pixel-perfect, and performant web experiences. Currently focused on React and Design Systems to create seamless digital products.

ReactTypeScriptTailwind CSSFigmaNode.jsNext.js
Contact Me

Portfolio Website

A modern, minimal portfolio website built with React, TypeScript, and Tailwind CSS. Features markdown-driven content management and static site generation.

1 min read
ReactTypeScriptTailwind CSSSSG
Portfolio Website

Project Overview

This portfolio website showcases my work and skills as a developer. Built with modern web technologies, it features:

  • Static Site Generation: Fast loading times with pre-rendered pages
  • Markdown-Driven: Easy content management through Markdown files
  • Responsive Design: Looks great on all devices
  • SEO Optimized: Meta tags, sitemap, and structured data

Technical Highlights

Content Management

All project content is stored in Markdown files with YAML frontmatter:

---

title: "Project Title" slug: "project-slug" date: "2026-02-20" excerpt: "Short description" tags: ["React", "TypeScript"] ---

Performance

  • Lighthouse score: 95+
  • First Contentful Paint: < 1.5s
  • Time to Interactive: < 3s

Lessons Learned

Building this portfolio taught me:

  1. Simplicity Wins: A minimal approach often leads to better maintainability
  2. Type Safety Matters: TypeScript catches errors before they reach production
  3. Static is Fast: Pre-rendered content provides the best user experience
  4. Future Improvements

    • [ ] Add dark mode toggle
    • [ ] Implement tag filtering
    • [ ] Add blog section
    • [ ] Multi-language support

© 2026 James Liao. All rights reserved.

Designed in Figma, built with Next.js & Tailwind.