OpenFlux — Agrégateur de veille technologique RSS. Un site statique construit avec Astro et Tailwind CSS, mis à jour automatiquement chaque matin via GitHub Actions.
- Agrégation automatique de flux RSS (cron quotidien à 4h UTC)
- Recherche full-text côté client (Fuse.js)
- Filtrage par catégorie et par source
- Pagination (15 articles/page)
- Pages articles dédiées avec articles similaires
- Indicateurs de fraîcheur (Nouveau / Récent)
- Marquage des articles non lus
- Pages Sources et À propos
- Flux RSS sortant pour s'abonner
- Dark mode, mobile first, View Transitions
- SEO (meta, Open Graph, sitemap, robots.txt)
- Astro — Framework web statique
- Tailwind CSS v4 — Styles
- Fuse.js — Recherche côté client
- rss-parser — Parsing des flux RSS
- GitHub Actions — Automatisation
- Vercel — Hébergement
# Installer les dépendances
npm install
# Récupérer les flux RSS (première fois)
npm run fetch-feeds
# Lancer le serveur de dev
npm run devLe site sera disponible sur http://localhost:4321.
Modifier le fichier feeds.yaml à la racine du projet :
feeds:
- url: https://example.com/feed.xml
name: Mon Blog
categories: [Programmation, Web]Catégories disponibles : Programmation, IA, DevOps, Cybersécurité, Cloud, Web, Robotique, Vibe Coding.
Vous pouvez en ajouter de nouvelles, elles seront automatiquement prises en compte.
├── feeds.yaml # Configuration des flux RSS
├── data/ # Articles (JSON mensuel, auto-généré)
├── scripts/
│ └── fetch-feeds.ts # Script de récupération RSS
├── src/
│ ├── components/ # Composants Astro (ArticleCard, SearchBar, CategoryFilter…)
│ ├── layouts/ # Layout principal
│ ├── pages/ # Pages du site (index, pagination, article, sources, à propos)
│ ├── styles/ # CSS global
│ ├── types/ # Types TypeScript
│ └── utils/ # Utilitaires
├── .github/workflows/ # GitHub Actions
├── netlify.toml # Config Vercel
└── astro.config.mjs # Config Astro
| Commande | Action |
|---|---|
npm install |
Installer les dépendances |
npm run dev |
Serveur de dev (localhost:4321) |
npm run build |
Build de production (./dist/) |
npm run preview |
Prévisualiser le build |
npm run fetch-feeds |
Récupérer les flux RSS |
Le site est déployé automatiquement sur Vercel à chaque push. L'action GitHub fetch-feeds tourne chaque matin à 4h UTC et commit les nouveaux articles, ce qui déclenche un redéploiement.
MIT