随笔

Hello Portfolio

This is the inaugural post of my portfolio blog. I've migrated from a standalone blog to an integrated portfolio site built with Astro 5, React 19, and Tailwind CSS 4. Here I'll share technical insights, project breakdowns, and lessons learned on my journey as a software engineer.

lip233 · January 15, 2025
Meta

A Fresh Start

Welcome to my portfolio blog! After running a separate blog for a while, I decided to integrate everything into a single, cohesive portfolio site.

This site is built with:

  • Astro 5 — Static-first with SSR when needed
  • React 19 — For interactive components (calendar, weather, memos)
  • Tailwind CSS 4 — Utility-first styling with a warm glass-morphism design system
  • TypeScript — Strict mode, because types matter

What to Expect

I’ll be writing about:

  1. Web Development — Frontend architecture, framework deep-dives, performance optimization
  2. AI & Machine Learning — Practical applications, RAG systems, and automation
  3. Project Breakdowns — Behind-the-scenes looks at my projects
  4. Learning Notes — Quick insights from my CS studies

The Stack Behind This Site

The portfolio uses a bento grid layout with glass-morphism cards. Each card is either a static Astro component or a React island hydrated client-side. The design uses warm stone and amber tones with champagne gold accents — a deliberate departure from the typical dark-mode developer portfolio.

Content is managed through Astro Content Collections with strict Zod schemas, ensuring every blog post validates at build time. No broken frontmatter sneaking through.

Stay tuned for more posts!

← Back to Blog