Colin Michaels

Loading latest stories

Topic Hub

Angular & Firebase Architecture Notes

Implementation notes on Angular, Firebase, CMS workflows, route SEO, and reusable frontend architecture.

Start here

Implementation notes on Angular, Firebase, CMS workflows, route SEO, and reusable frontend architecture.

Angular And Firebase Architecture Note

A compact architecture reference for keeping a public Angular/Firebase site crawlable, maintainable, and safe to evolve.

  1. Separate public, admin, labs, and OS routes into clear route and folder boundaries.
  2. Render crawler metadata through Firebase Functions with route classification, real 404s, and fallback content.
  3. Keep sitemap policy explicit so low-count tags and categories do not flood the sitemap.
  4. Preserve CMS contracts for Editor.js blocks, SEO fields, statuses, media attachments, and previews.
  5. Validate with app build, Functions build, route checks, metadata checks, and post-deploy curl checks.

Related searches