Repository navigation
Serve a static copy of the portfolio to clients without JavaScript - #4
Merged
Merged
Conversation
The Claude Design export keeps all of its content in a bundled template, so crawlers, link previewers, recruiter tools and agents fetching aabiro.github.io saw only an "Unpacking..." loader. The build now reads the page's own copy and component data out of that template and writes it into index.html as plain HTML. Browsers with JavaScript still get the designed page unchanged; the loader replaces the document as before. CI fails the build if the static copy is missing or the bare loader text is still served. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01N4PmHXHU33xFbkndjeQEhH
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Problem
The Claude Design export keeps all of its content inside a bundled template, so anything that fetches aabiro.github.io without running JavaScript (recruiter scrapers, job board importers, LLM agents, plain
curl) sees only theUnpacking...loader and a "This page requires JavaScript" notice. The title, description and Open Graph tags were already there, so link preview cards were fine; the page text was missing.Change
scripts/inject_static_profile.py(new): runs afterinject_seo.py. It reads the page's own copy and the component's data (metrics,caseStudies,capabilities,experience,skillColumns,heroTags) out of the bundled template and writes them intoindex.htmlas a plain, semantic<main id="static-profile">block. It also hides the loader thumbnail when JavaScript is off and drops theUnpacking...and "requires JavaScript" text. It is idempotent, and it fails the build if it can no longer find the experience or work data.scripts/build_site.sh: calls the new script..github/workflows/github-pages.yml: the verify step now requiresid="static-profile"and fails ifUnpacking...is still served.README.md: documents the static copy.page/page.htmlis untouched. A re-export from Claude Design picks up the new content automatically on the next build.Behavior
Verification
bash scripts/build_site.shand the workflow's verify commands locally: all pass.index.htmlbyte-identical.site/:#static-profilevisible, loader thumbnail hidden, no page errors.#sec-Experiencepresent), static copy gone, no page errors or bundler errors.🤖 Generated with Claude Code
https://claude.ai/code/session_01N4PmHXHU33xFbkndjeQEhH
Generated by Claude Code