Clement Yuen
← Back to articles
Architecture·Intermediate

Building a personal site with Angular and micro-frontends

1 Aug 2026 · 5 min read · Intermediate

  • #Angular
  • #Micro-frontends
  • #Architecture

Share

A personal site can be more than a static resume page. I built mine as an Angular host that owns branding, contact, and navigation, then loads a separate dashboard remote through Native Federation.

Why a host and remote

Keeping the portfolio shell separate from experimental project demos means:

  • The resume site stays deployable on its own
  • Showcase apps can evolve without blocking the main site
  • Federation becomes a real skill demonstration, not just a buzzword

What ships first

Ship the host with solid content and contact flow. Wire the remote second. Add a writing home (this blog) once the product story is clear.

The result is a small multi-app workspace that still feels like one personal brand.

Blog as a sibling, not a remote

Long-form articles live in a Next.js app linked from the host navbar. That keeps publishing independent of the Angular release cycle while the portfolio remains the brand entry point.

Related Articles