Un meta-framework est un outil qui fournit une structure et une architecture pour la construction de frameworks web.
Il offre un ensemble de fonctionnalités de base et de principes de conception, permettant aux développeurs de créer des frameworks personnalisés adaptés à leurs besoins spécifiques.
Exemples de meta-frameworks
- Fastify : un meta-framework Node.js performant et minimaliste, conçu pour la rapidité et la modularité.
- Adonis.js : un meta-framework JavaScript full-stack basé sur Node.js, qui offre une structure MVC et un riche ensemble de fonctionnalités.
- Astro : Un meta-framework JavaScript pour la création d’applications web modernes et performantes, qui utilise des composants Web et l’hydratation côté serveur le SSR. Le SSR, pour Server-Side Rendering est une technique de rendu de pages web qui permet de combiner les avantages du rendu côté serveur (SSR) et du rendu côté client (CSR).
- Hapi : Un meta-framework Node.js mature et stable, offrant une structure MVC et un riche ensemble de fonctionnalités.
Combinaison SSR et CSR
- Rendu côté serveur: Le serveur génère un squelette HTML initial contenant le contenu statique de la page et les données pré-fetchées (données JSON, API, ressources statiques qui ne changent pas fréquemment).
- Envoi au navigateur: Le squelette HTML est envoyé au navigateur du client.
- Hydratation côté client: Le code JavaScript du client utilise les données pré-fetchées et la bibliothèque JavaScript du framework (comme React ou Vue.js) pour « hydrater » le squelette HTML, en ajoutant le contenu dynamique et en activant les interactions.