astro-website/openspec/changes/archive/2026-02-10-hide-ig-if-no-data/tasks.md

1. Reproduce And Locate

• 1.1 Confirm where the homepage renders the Instagram section and what data source it uses (site/src/pages/index.astro)
• 1.2 Identify the condition that currently triggers the Instagram empty state (no items) and the markup that reserves space

2. Implement Conditional Rendering

• 2.1 Update the homepage to omit the Instagram section entirely when there are 0 Instagram items (no header, no empty-state text, no container)
• 2.2 Ensure when Instagram items exist, the Instagram section still renders correctly (embeds/links unchanged)

3. Verify

• 3.1 Build the site and confirm the homepage HTML does not include the Instagram section when site/content/instagram-posts.json is empty
• 3.2 Build the site and confirm the homepage HTML includes the Instagram section when site/content/instagram-posts.json has at least one item
• 3.3 Smoke-test in Docker/nginx (localhost:8080) to ensure the homepage layout renders correctly in both cases