James Liao

Full-stack Designer

I focus on driving product落地 through the efficient intuition of Vibe Coding, balancing the robust logic of Python, Go, and Java & Spring Boot with the dynamic interaction of React, Vue, and Flutter.

ReactTypeScriptTailwind CSSFigmaNode.jsNext.js
Contact Me

AI Blog

A modern retro-style static blog system built with Next.js, Tailwind CSS, and MDX. Designed for developers and content creators who appreciate clean design and powerful features.

1 min read
Next.jsReactTailwind CSSMDX
AI Blog

Project Overview

AI Blog is a modern retro-style static blog system built with Next.js, Tailwind CSS, and MDX. Designed for developers and content creators who appreciate clean design and powerful features.

Features

  • Static Site Generation (SSG) - Fast loading with pre-rendered HTML
  • MDX Support - Write rich content with Markdown + React components
  • Internationalization (i18n) - Built-in support for English and Chinese
  • Neo-Brutalism Design - Modern retro aesthetic with hard borders and solid shadows
  • Dark Mode - Seamless light/dark theme switching
  • Responsive Design - Works perfectly on all devices
  • Free Hosting - Deploy to GitHub Pages or Vercel at zero cost

Tech Stack

  • Framework: Next.js 16 with App Router
  • UI: React 19 + Tailwind CSS 4
  • Content: MDX via next-mdx-remote
  • Frontmatter: gray-matter for YAML parsing
  • Theming: next-themes for dark mode

© 2026 James Liao. All rights reserved.

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