πŸ“” SEO, Developer Tooling & Configuring Astro

πŸ’‘ Takeaways

  • Always have open graph / facebook / twitter meta tags in header for embed-link generation and SEO.
  • For SEO, its hard to test until the project is actually deployed so that crawlers can crawl.
  • To eliminate the hassle SEO testing, use ngrok to see the updates of localhost.

πŸš€ Shipped Today

Portfolio

  • Templatized portfolio into configuration files, for the open source community.

  • Reorganized projects into dedicated sections:

    • AI
    • Hardware
    • Open Source Contributions
    • Work Experience
    • Portfolio

πŸ”— SEO & Social Sharing

  • Explored Open Graph metadata across social platforms.
  • Learned how astro.site can simplify URL generation.
  • Researched dynamic Open Graph images for blogs.
  • Organized SEO configuration into a central location.
  • Used Facebook OG Debugger to validate metadata and refresh cached previews.

🌍 Investigation

  • Investigated Vite’s server.allowedHosts configuration and why unknown hosts are blocked.