Objectives
- Present projects and background clearly; act as a product landing page for Undoomed.
- Ship a performant, SEO‑friendly, maintainable static site with minimal JS.
Approach
Astro for server‑rendered static HTML, React components only where interactivity is needed (e.g., lightbox, theme toggle), Tailwind for rapid, consistent styling. Content for legal pages in Markdown (EN/FR).
Architecture
- Centralized site config for features/FAQ/links reused across sections (and suitable for JSON‑LD).
- Reusable layout components (
Layout.astro,Features,FAQ,Reviews) with data‑driven rendering. - Dedicated Undoomed page: product messaging, feature list, user quotes, and FAQ; bilingual legal pages (Privacy/Terms).
Performance & SEO
- Static export, minimal hydration, semantic HTML, Open Graph tags, accessible color contrast and keyboard navigation.
- Optimized Lighthouse scores through Astro’s SSR → static generation and targeted client hydration.
Deployment
- Static hosting (e.g., Vercel/GitHub Pages) with CI/CD; no server runtime or database.
Skills Demonstrated
Modern front‑end architecture, component reuse, multi‑language content, SEO and accessibility best practices, and product storytelling.