Skip to content
FSS Knowledge Base

Phase 1.3: Core Layouts

Section titled “Phase 1.3: Core Layouts”

Objective

Section titled “Objective”

This phase creates the primary reusable layout components (BaseLayout.astro, Header.astro, Footer.astro) and stores them in the shared packages/components directory. Then updates the sdc.com and Template sites to use the shared layout.

Part A: Create Shared Layout Components

Section titled “Part A: Create Shared Layout Components”
  • Action: Create BaseLayout.astro with essential HTML structure, meta tags, and a slot for page content.
  • Action: Create a placeholder Header.astro component.
  • Action: Create a placeholder Footer.astro component.
  • 🤖 Verification (Automated):
    • Script will confirm all required .astro files exist in monorepo/packages/components/.
    • Script will verify BaseLayout.astro contains essential HTML structure and slot.

Part B: Integrate Shared Layout into sdc.com

Section titled “Part B: Integrate Shared Layout into sdc.com”
  • Action: Delete the default layout in sdc.com.
  • Action: Update the sdc.com index.astro page to import and use the new shared BaseLayout.
  • 🤖 Verification (Automated):
    • Script will verify sdc.com index.astro imports the shared BaseLayout.
    • Script will run pnpm --filter sdc-site build to verify the site builds successfully.
    • Script will start dev server temporarily and verify page renders with expected content.