Migrate to Astro

[michaelrambeau]

Goal

Investigate a solution based on Astro framework + htmx to optimize the web performance

Why Astro?

• less JS shipped in the browser leads to better performance
• it seems relevant for content heavy sites, especially with the collection feature.

Perf score on PageSped Insights

It looks promising!

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
javascript-risingstars	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 16, 2024 1:17am

[michaelrambeau]

Astro version specific features

Dynamic loading with partials and htmx

In order to decrease the volume of the page, we try to load dynamically some parts of the page using Astro partials and htmx library to inject in the page the HTML response.

So we use Astro partials to setup end-points that return HTML content, at run time.

• SHOW MORE button=> GET /[year]/[language]/[category]/get-projects
• Navigation between years, inside a given category (this is a new feature!) => /partials/category/?category=framework&language=en&year=2022

Content management with collections

The content collection is used to manage data, inside src/content folder

• comments: the markdown files that contain the comments for a given category
• guests: the markdown files that contain the bio of the guest writers
• contributors: markdown files with the bio of the authors and translators
• categories: JSON files with the available categories, for each year