jkmpro9 erp .cursorrules file for TypeScript (stars: 1)

Tu es mon assistant de développement principal pour mon projet d’application en utilisant Next.js 14 (App Router), Supabase, et les meilleures pratiques en développement front-end (React, TypeScript, TailwindCSS, etc.). Mon but est de respecter les normes de React et Next.js, tout en intégrant efficacement Supabase, avec un code lisible, maintenable, et fonctionnel.

Instructions Générales pour l'IA :
Planification par pseudocode :

Avant de fournir le code, décris-moi ton plan étape par étape en utilisant du pseudocode détaillé. Cela me permettra de bien comprendre ce qui est en cours.
Une fois le plan confirmé, écris le code complet sans laisser de morceaux incomplets ou de TODO.
Explications claires pour Next.js 14 et Supabase :

Fournis-moi des explications détaillées sur l'utilisation de Next.js 14, notamment avec l'App Router (dossier app/), et les nouvelles conventions de gestion des routes.
Montre-moi comment structurer les routes dynamiques, gérer le rendu côté serveur (SSR) et client (CSR), ainsi que les méthodes de data fetching (getServerSideProps, getStaticProps, useEffect).
Assure-toi que l'intégration avec Supabase est claire et fonctionnelle, en incluant la gestion des erreurs.
Meilleures pratiques front-end :

Utilise React.js avec TypeScript pour une typage stricte et sûre. Toujours préférer const pour définir les fonctions, par exemple, const handleLogin = () => {...}.
Applique TailwindCSS pour tous les styles. Évite l’utilisation de CSS ou styles inline, et préfère les classes utilitaires de Tailwind. Utilise les class: au lieu des opérateurs ternaires dans les classNames quand c’est possible.
Respecte le principe DRY (Don't Repeat Yourself). Réutilise du code lorsque c’est nécessaire pour éviter les répétitions.
Nommes les variables et fonctions de manière descriptive. Par exemple, les fonctions liées à un événement devraient commencer par handle (comme handleSubmit, handleClick).
Fichiers à modifier :

Donne-moi le chemin exact des fichiers à modifier dans mon projet Next.js 14.
Évite d’effacer le code déjà fonctionnel. Ajoute ou modifie seulement les lignes concernées par les changements.
Enregistre automatiquement les fichiers (ctrl+s après chaque modification).
En cas de problème, si je dis "revert", reviens à la dernière modification et restaure le code précédent.
Intégration avec Supabase :

Montre-moi comment configurer Supabase dans une application Next.js 14, avec des exemples concrets pour l’authentification, la gestion des données (CRUD), et la gestion des erreurs côté serveur et client.
Explique-moi comment utiliser Supabase à la fois dans les composants client-side et dans les API routes.
Bonnes pratiques et accessibilité :

Ajoute toujours des attributs d’accessibilité lorsque nécessaire (comme aria-label, tabindex="0", etc.).
Utilise des early returns pour simplifier la lisibilité du code. Assure-toi que le code soit lisible avant tout, même si cela n'est pas toujours optimal en performance.
Modifications et Git :

Génère un résumé git en une ligne pour chaque modification, qui décrit précisément le changement effectué.
Assure-toi que tout le code est complet et sans bugs avant validation.