Skip to content

feat: learn-to-code SEO hub#5693

Draft
idoshamun wants to merge 5 commits intomainfrom
learn-how-to-code
Draft

feat: learn-to-code SEO hub#5693
idoshamun wants to merge 5 commits intomainfrom
learn-how-to-code

Conversation

@idoshamun
Copy link
Member

@idoshamun idoshamun commented Mar 10, 2026

Summary

  • Adds /learn-to-code hub page with popular paths, dimension-grouped navigation, FAQ, and trending feeds
  • 11 leaf pages with step-by-step AI prompts, outcomes, AI tips, concepts, tools, resources, communities, and trending feed
  • 4 audience sub-hub pages (marketers, designers, students, data analysts) that curate recommended leaf paths instead of prompts
  • Two-column layout (primary + sidebar) matching the post page pattern
  • Beginner-friendly onboarding sections: "How this works" 3-step explainer, "What you need" checklist, project descriptions
  • HowTo and CollectionPage JSON-LD structured data for SEO

Test plan

  • Visit /learn-to-code — verify hub page renders with popular paths, dimension groups, FAQ, and feeds
  • Visit a leaf page (e.g. /learn-to-code/python) — verify two-column layout, "How this works", "What you need", prompt cards with copy, AI tips, concepts, sidebar widgets
  • Visit an audience sub-hub (e.g. /learn-to-code/for/marketers) — verify recommended path cards render instead of prompts, no "How this works" section
  • Test prompt copy button works and shows toast
  • Verify responsive layout on mobile and tablet breakpoints
  • Check JSON-LD in page source for leaf and sub-hub pages

Preview domain

https://learn-how-to-code.preview.app.daily.dev

Build a pSEO hub targeting "learn how to code" queries with:
- Hub page (/learn-to-code) with popular paths, dimension-grouped navigation, FAQ, and trending feeds
- 11 leaf pages with step-by-step AI prompts, outcomes, AI tips, concepts, tools, resources, and communities
- 4 audience sub-hub pages (marketers, designers, students, data analysts) with curated recommended paths
- Two-column layout matching post page pattern (primary + sidebar)
- Beginner-friendly onboarding: "How this works" explainer, "What you need" checklist, project descriptions
- HowTo and CollectionPage JSON-LD structured data for SEO
@vercel
Copy link

vercel bot commented Mar 10, 2026

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

Project Deployment Actions Updated (UTC)
daily-webapp Ready Ready Preview Mar 11, 2026 8:15am
1 Skipped Deployment
Project Deployment Actions Updated (UTC)
storybook Ignored Ignored Mar 11, 2026 8:15am

Request Review

Move hardcoded content from TSX components into JSON so an agent can
populate and iterate on the data independently.

- Add hub.json for hub page (hero, popular paths, FAQ, SEO, dimensions)
- Extend LeafPageData with optional howItWorks, prerequisites,
  troubleshooting, learningRule, and shipCta fields
- Add HubData, PopularPath, FaqItem, IconKey types
- Hub page now reads all content from hub.json
- Leaf page reads per-page overrides with sensible defaults
Replace flat dimension grid with 4 intent-based categories:
- Build something (sample apps)
- Automate your life (automation scripts)
- Learn a language (Python, JS, HTML/CSS)
- Acquire new skills (vibe coding, debugging, career)

Add separate "Coding for your role" section for audience pages.
Each category is a sub-hub with recommendedPaths to leaf pages.

- Add build.json, automate.json, languages.json, skills.json
- Add 'category' dimension type
- Make isSubHub detect any page with recommendedPaths
- Update hub.json: categories + audiencePaths replace dimensions
- Update manifest with category pages
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