Retour au blog

Hébergement d'un site personnel sur Cloudflare Workers : architecture et retours d'expérience

CloudflareWorkersNext.js

Image de couverture

Conclusion

Le site kimura512.dev est entièrement hébergé sur Cloudflare en exploitant Workers pour délivrer à la fois les bundles compilés et les fonctions serveur. En s'affranchissant de tout serveur dédié, la mise en production s'exécute en une commande unique. L'application Next.js est propulsée par vinext et les textes du blog sont directement versionnés en TypeScript dans le dépôt Git.

1. Déploiement unifié et reproductible

La production est mise à jour via pnpm run build puis wrangler deploy. Le domaine racine apex est strictement verrouillé et les Workers de prévisualisation restent isolés des DNS publics.

2. Normalisation des images statiques

Les illustrations sont regroupées dans public/blog/ et converties via sharp pour garantir des ratios visuels constants et supprimer les dépendances à des hébergeurs d'images tiers.

3. Sécurité native au niveau de l'Edge

Protégé par le WAF et le protocole HTTPS de Cloudflare, le code n'accède aux secrets que via les Workers Secrets sans jamais exposer de clés dans les fichiers sources.

4. Validation de la purge de cache

Après chaque livraison, je contrôle l'actualisation des pages en fenêtre privée pour attester de la bonne propagation sur le CDN.

5. Performance mobile et sobriété

Les scènes 3D immersives sont cantonnées à l'accueil et à la page À propos, garantissant une lecture d'articles ultra-rapide sur smartphone.

6. Capitalisation des incidents

La volatilité des logs d'exécution de Workers est compensée par la rédaction de retours d'expérience techniques sur le blog.

7. Séparation stricte de la prévisualisation

Les Workers de staging et de production portent des identifiants distincts et les variables sensibles sont enregistrées de façon chiffrée.

8. Focalisation sur le domaine racine

Les projets satellites sont renvoyés vers des liens dédiés, évitant l'éparpillement des enregistrements DNS pour un projet personnel.

Synthèse

Workers gère la diffusion globale, Git garantit la traçabilité des écrits et TypeScript structure les données : une architecture pérenne pour un créateur solo.

Foire aux questions

Q. Pourquoi Workers plutôt qu'un VPS traditionnel ?
Cette solution combine CDN mondial et logique dynamique avec une charge de maintenance nulle.

Q. Le stockage R2 est-il nécessaire ?
Les ressources du blog sont intégrées au dépôt ; R2 est réservé au stockage applicatif lourd.