Site personnel
Ce site. Rapide, léger et disponible en trois langues.
Caractéristiques
| Framework | Astro 7 |
|---|---|
| Langues | anglais, français, indonésien |
| Hébergement | Cloudflare Workers |
| JavaScript | Seulement pour le thème et le formulaire de contact |
| Formulaire | Web3Forms + hCaptcha |
| Statistiques | Cloudflare Web Analytics, sans cookies |
Schéma fonctionnel
Présentation
Je voulais un site rapide à charger, facile à tenir à jour, et lisible par mes amis et collègues en France, en Indonésie et ailleurs. Chaque page est générée à l’avance en HTML simple. Il n’y a donc aucun serveur à maintenir.
Défis
- Trois langues, un seul site. Chaque page existe en anglais, en français et en indonésien. Les visiteurs arrivent dans la langue de leur navigateur, et le sélecteur de langue ouvre la même page dans une autre langue.
- Sécurité sans serveur. Une politique de sécurité du contenu (CSP) stricte bloque tout script que je n’ai pas autorisé, ce qui oblige à lister chaque service externe à la main.
- La mise en ligne. Les premiers déploiements sur Cloudflare ont échoué à cause d’une redirection en double, et le domaine pointait encore vers la page de parking de mon registraire.
Ce que j’ai appris
Comment le DNS, les redirections et les workers s’articulent, et qu’un petit site statique peut faire presque tout ce que fait une « vraie » application web.