Building My Developer Portfolio with Astro, WebGL and Structured Data

Описание и применение

Создан персональный портфолио на Astro с чистым HTML, минимальным JavaScript, SEO‑метаданными и JSON‑LD, развернутый на GitHub Pages.

Задача

Create a personal developer portfolio that showcases projects, learning, and identity while maintaining performance, SEO, and structured data.

Результат

The portfolio now presents projects with detailed pages, improved SEO, structured data linking identity to projects, and a clean, fast static site hosted on GitHub Pages.

Рабочий процесс

• Choose Astro for fast static pages and minimal JS
• Organize project structure into src/components, src/data, src/layouts, src/lib, src/pages
• Centralize site configuration (name, GitHub, topics, URL)
• Create project pages with tech details and links
• Add SEO metadata (titles, descriptions, canonical URLs, Open Graph, Twitter, robots)
• Add JSON‑LD Person entity and project relationships
• Deploy to GitHub Pages via CI workflow

Доказательства

I wanted my portfolio to be more than a collection of project cards.

Источник

Astro fit those requirements very well.

Источник

I added standard metadata such as: Page titles, Descriptions, Canonical URLs, Open Graph metadata, Twitter metadata, Robots directives

Источник

I also added JSON‑LD structured data.

Источник

The website is deployed using GitHub Pages.

Источник