HomePage

Angular 22 standalone homepage with Angular SSR prerendering and browser hydration, ready for GitHub Pages static hosting.

Markup and components

src/index.html contains just the <main-container> Angular bootstrap element in the body.

src/app/app.html renders all three standalone Angular components:

• src/app/ssr/components/top-bar/
• src/app/ssr/components/content/
• src/app/ssr/components/botom-bar/ (spelling as requested)

src/styles.css controls the entire page: fixed-height top and bottom, scrollable center, full viewport width and height.

Build locally

Node.js 22.22.3+, 24.15+, or 26+ and npm required.

npm install
npm run build:pages

This compiles real Angular JavaScript with SSR prerendered HTML to docs/, using /HomePage/ as the asset base path.

Once the main custom domain is attached to this repository, rebuild for domain root instead:

npm run build:domain

Optionally use PAGES_DOMAIN=example.com npm run build:domain to generate a docs/CNAME file.

Commit docs/ and enable GitHub Pages at Settings → Pages → Deploy from a branch → main → /docs. GitHub Pages static hosting does not run an Angular Node SSR server.

Build status: source is committed, but compiled deployment artifacts are not included unless npm run build:pages or npm run build:domain succeeds. GitHub Actions are not required for local compilation but GitHub Pages still uses a managed deployment workflow.