OpenRss

On commence par initialiser le projet. Rien de magique — juste les bons outils, dans le bon ordre.

Créer l'app Next.js

npx create-next-app@latest openrss --typescript --tailwind --app --eslint
cd openrss

Quand le CLI pose des questions, on répond :

• Would you like to use src/ directory? → No
• Would you like to customize the import alias? → Yes, garder @/*

Vérifier que ça tourne

npm run dev

Ouvrir http://localhost:3000. On devrait voir la page par défaut de Next.js. On va s'en débarrasser.

Nettoyer le boilerplate

Supprimer le contenu de app/page.tsx et remplacer par :

export default function Home() {
  return <main>OpenRss</main>
}

Supprimer aussi app/globals.css (on le remplacera dans la prochaine étape) et vider public/ des images d'exemple.

Structure cible du projet

À la fin de cette formation, le repo ressemblera à ça :

openrss/
  app/
    api/          ← routes API (fetch RSS, favoris)
    feeds/        ← page liste des flux
    layout.tsx
    page.tsx
  components/     ← UI réutilisable
  lib/
    db.ts         ← connexion PostgreSQL
    rss.ts        ← parsing des flux
  content/        ← données statiques si besoin

On construit cette structure au fur et à mesure. Pas la peine de tout créer maintenant.