Skip to content

Revert /architecture route from production; ship it as a standalone README doc#149

Merged
bilalahamad0 merged 2 commits into
mainfrom
docs/architecture-page
Jun 2, 2026
Merged

Revert /architecture route from production; ship it as a standalone README doc#149
bilalahamad0 merged 2 commits into
mainfrom
docs/architecture-page

Conversation

@bilalahamad0
Copy link
Copy Markdown
Owner

Why

PR #148 added an in-app /architecture route, which got merged and went live in production at bilalahamad.com/architecture. That was not intended — the architecture diagram should be an independent page for the README, not part of the deployed site.

This PR fixes that:

What's in here

  1. Reverts the in-app route (commit reverts feat: animated full-site architecture page (/architecture) #148): removes src/app/architecture/, src/components/architecture/, and the navbar / footer / sitemap entries. After merge, bilalahamad.com/architecture is gone and the app is back to its prior 8-route shape.
  2. Adds a standalone, self-contained diagram at docs/architecture.html — pure HTML/CSS/vanilla JS, no build step, no dependencies, not served by the Next.js app. Same content as before (layered stack with flowing data, request lifecycle, content/CI pipelines, 8 design principles), with CSS/JS animations and full prefers-reduced-motion support.
  3. Embeds a clickable preview banner in README.md that opens the rendered diagram (via htmlpreview.github.io) and links to the source.

Verification

  • npm run build clean after the revert — no /architecture route, TypeScript strict passes.
  • ✅ Standalone HTML rendered headless (Playwright): 0 console errors; all sections present (7 layers, 6 lifecycle steps, 3 pipelines, 8 principles); verified at desktop (1280) and mobile (390) — the lifecycle correctly switches to a vertical layout on mobile.

Production note

/architecture is currently live in production; merging this PR removes it on the next main deploy.

🤖 Generated with Claude Code

bilalahamad0 and others added 2 commits June 2, 2026 03:18
Self-contained docs/architecture.html (pure HTML/CSS/vanilla JS, no build
step, no dependencies) visualizing the site's layered architecture, request
lifecycle, automated content pipelines, and system-design principles — the
same diagram as the reverted in-app route, but as documentation only,
fully detached from the deployed site. Embeds a clickable preview banner
(docs/architecture-preview.png) in README.md.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@vercel
Copy link
Copy Markdown

vercel Bot commented Jun 2, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
resume-site Ready Ready Preview, Comment Jun 2, 2026 10:26am

@bilalahamad0 bilalahamad0 merged commit afd552d into main Jun 2, 2026
7 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant