#Codex
58 entrées
Invite pour ajouter Better Auth à Next.js avec PostgreSQL
Une invite copier-coller pour ajouter Better Auth et la gestion de sessions PostgreSQL à un projet Next.js App Router.
Invite pour ajouter un téléchargement de fichier Cloudflare R2
Invite IA prête à copier-coller pour ajouter des URL de téléchargement présignées Cloudflare R2 à un projet Next.js App Router avec validation côté serveur.
Prompt pour ajouter le mode sombre avec Tailwind CSS v4
Prompt d'agent IA pour ajouter un mode sombre adaptatif au système dans une application Next.js utilisant les variables CSS de Tailwind CSS v4 et next-themes, sans flash au chargement.
Prompt pour ajouter la recherche plein texte PostgreSQL
Prompt IA copier-coller pour ajouter la recherche plein texte native PostgreSQL avec tsvector, index GIN et résultats classés à une application Next.js existante.
Invite pour ajouter un sitemap et un robots.txt
Invite pour agent IA afin d'ajouter un sitemap.xml généré dynamiquement et un robots.txt correct à un projet Next.js ou Astro pour un meilleur référencement.
Prompt pour ajouter Stripe Checkout à une application Next.js
Prompt d'agent IA pour ajouter Stripe Checkout avec gestion des webhooks, portail client et statut d'abonnement à un projet Next.js App Router.
Prompt pour construire un proxy API Cloudflare Worker
Copiez-collez un prompt IA pour construire un Cloudflare Worker qui proxy et limite le débit des appels API externes, ajoute des en-têtes d'authentification et met en cache les réponses.
Prompt pour construire un répertoire d'outils IA avec Next.js
Prompt pour agent IA afin de construire un répertoire d'outils IA avec Next.js, fichiers de données MDX, filtres par catégorie et génération statique.
Prompt pour créer une page de tarification SaaS dans Next.js
Prompt IA prêt à copier-coller pour créer une page de tarification SaaS dans Next.js avec Tailwind, bascule de facturation et données de plan prêtes pour Stripe.
Invite pour construire un site SEO statique avec Astro
Invite à copier-coller pour échafauder un site statique Astro entièrement optimisé avec des collections de contenu, un sitemap, des images OG et TypeScript.
Prompt pour créer un workflow de déploiement GitHub Actions
Prompt d'agent IA pour générer un workflow CI/CD GitHub Actions de production pour une application Next.js avec les étapes de vérification de type, test, build et déploiement.
Prompt pour créer un tableau de bord admin dans Next.js
Prompt d'agent IA pour construire un tableau de bord admin protégé dans Next.js avec des tableaux de données, des gardes d'authentification côté serveur et une disposition de barre latérale utilisant Tailwind.
Prompt pour générer des images OG au moment de la construction
Prompt d'agent IA pour générer des images Open Graph par page au moment de la construction dans Astro ou Next.js en utilisant Satori et sharp, sans service externe.
Invite pour migrer une application Next.js 14 vers Next.js 16
Invite structurée pour agent IA afin de migrer un projet Next.js 14 App Router vers Next.js 16 avec gestion des changements cassants et étapes incrémentales.
Invite pour refactoriser un composant React en toute sécurité
Invite structurée pour agent IA afin de refactoriser un composant React complexe avec une boucle lecture-audit-refactorisation-vérification qui évite les régressions.
Règles AGENTS.md pour un site statique Astro
Un AGENTS.md prêt à l'emploi pour les sites statiques Astro qui maintient les agents IA dans la pile, évite les dérives SSR et impose les conventions de collecte de contenu.
Règles AGENTS.md pour une application SaaS Next.js
Un fichier AGENTS.md prêt à l'emploi qui maintient les agents de codage IA dans la pile et les conventions d'une base de code SaaS Next.js.
Règles de codage IA pour l'authentification et la sécurité
Règles AGENTS.md pour l'authentification et la sécurité qui empêchent les agents de mettre en œuvre du chiffrement personnalisé, de divulguer des secrets ou de contourner les contrôles d'autorisation.
Règles de codage IA pour les applications PostgreSQL
Règles AGENTS.md pour les applications basées sur PostgreSQL couvrant la sécurité des requêtes, la discipline de migration, les conventions d'indexation et la prévention des agents contre l'écriture de requêtes N+1.
Règles de codage IA pour les sites de contenu SEO
Règles AGENTS.md pour les sites de contenu axés sur le SEO qui empêchent les métadonnées en double, imposent des données structurées et empêchent les agents de casser la crawlability.
Règles de codage IA pour les performances des sites statiques
Règles AGENTS.md pour les performances des sites statiques qui imposent les Core Web Vitals, l'optimisation des images, le chargement des polices, et empêchent les agents d'envoyer des ressources bloquant le rendu.
Règles de codage IA pour les projets TypeScript en mode strict
Règles AGENTS.md pour les projets TypeScript en mode strict qui éliminent les types `any`, imposent des motifs de narrowing et empêchent les agents de compiler du code erroné.
Règles Claude Code pour les projets Prisma
Règles Claude Code pour les projets Prisma ORM couvrant la sécurité des migrations, les modèles de requêtes, le chargement des relations et la prévention de la corruption du schéma par les agents.
Règles Codex pour Cloudflare Workers
Règles Codex pour les projets Cloudflare Workers qui empêchent l'utilisation d'API Node.js, imposent des modèles de liaison et maintiennent les agents dans les contraintes du runtime Workers.
Prompt-to-PR: Ajouter une page de tarification
SOP pour générer une page de tarification de production avec bascule mensuelle/annuelle, matrice de fonctionnalités et liens Stripe Checkout dans un projet Next.js Tailwind.
Prompt-to-PR : Ajouter un sitemap et un robots.txt
Procédure standard pour ajouter un sitemap XML dynamique et un robots.txt à un projet Next.js ou Astro — format lastmod correct, priorité et règles d'exploration pour le SEO en production.
Prompt-to-PR : Ajouter un tableau de données administrateur
SOP pour ajouter un tableau de données administrateur paginé côté serveur, triable et recherchable dans Next.js en utilisant TanStack Table et une requête PostgreSQL — sans magie d'ORM.
Prompt-to-PR : Ajouter Better Auth à une application Next.js
SOP complet pour intégrer Better Auth dans un projet Next.js App Router — sessions, email/mot de passe, OAuth et protection middleware en une seule passe.
Prompt-to-PR: Add Cloudflare R2 File Upload
SOP de bout en bout pour intégrer les téléchargements présignés R2 dans une application Next.js ou Cloudflare Workers — liaison de bucket, URLs présignées et flux de téléchargement client.
Prompt-to-PR : Ajouter le mode sombre
Procédure opérationnelle standard de bout en bout pour ajouter un mode sombre sans scintillement à une application Next.js Tailwind utilisant next-themes — stratégie de classe, préférence système et bascule persistante.
De l'invite à la PR : Ajouter la recherche plein texte PostgreSQL
Procédure opérationnelle standard (SOP) pour ajouter la recherche plein texte native PostgreSQL avec tsvector, index GIN, ts_rank et une API de recherche Next.js — aucun service de recherche tiers nécessaire.
Prompt-to-PR : Créer un site statique SEO avec Astro
SOP complète pour générer un site statique SEO piloté par le contenu avec Astro, Tailwind, collections de contenu MDX, sitemap et balises canoniques à partir de zéro.
Prompt-to-PR: Migrer Next.js 14 vers 16
Procédure pas à pas (SOP) pour migrer un projet Next.js 14 avec App Router vers Next.js 16 — Turbopack, React 19, les API asynchrones et les modifications de mise en cache sont couverts.
Checklist pour la révision des routes API générées par l'IA
Une checklist de révision humaine pour les routes API REST et RPC écrites par des agents de codage IA — authentification, validation des entrées, limitation de débit et gestion des erreurs.
Liste de vérification pour l'examen du code d'authentification généré par IA
Une liste de vérification humaine pour le code d'authentification écrit par des agents de codage IA — sessions, JWTs, flux OAuth, et logique d'autorisation pour applications web.
Liste de vérification pour la révision des Cloudflare Workers générés par IA
Une liste de vérification humaine pour le code Cloudflare Workers écrit par des agents de codage IA — limites du runtime, KV, D1, bindings et sécurité à l'edge.
Liste de vérification pour la révision des actions GitHub générées par IA
Une liste de vérification pour la révision humaine des workflows GitHub Actions rédigés par des agents de codage IA — exposition des secrets, attaques de la chaîne d'approvisionnement, autorisations et sécurité du déploiement.
Liste de contrôle pour la révision du code Next.js généré par l'IA
Une liste de contrôle de révision humaine pour le code Next.js écrit par des agents de codage IA — App Router, Server Components, récupération de données et exactitude du déploiement.
Liste de contrôle pour la révision des migrations Prisma générées par l'IA
Une liste de contrôle de révision humaine pour les modifications de schéma Prisma et les migrations rédigées par des agents de codage IA — perte de données, verrouillage et opérations irréversibles.
Liste de vérification pour la révision des pages SEO générées par IA
Une liste de vérification humaine pour les pages ciblées SEO rédigées par des agents de codage IA — métadonnées, données structurées, URL canoniques et Core Web Vitals pour Astro et Next.js.
Liste de vérification pour la révision des requêtes SQL générées par l'IA
Une checklist de révision humaine pour les requêtes SQL générées par des agents IA — exactitude, injection, performances et migrations.
Liste de vérification pour l'examen du code Stripe généré par IA
Une liste de contrôle humaine pour le code d'intégration Stripe écrit par des agents IA — sécurité des webhooks, idempotence, conditions de concurrence et flux de paiement.
Checklist pour la révision de l'interface utilisateur Tailwind générée par l'IA
Une checklist de révision humaine pour les composants d'interface utilisateur Tailwind CSS écrits par des agents de codage IA — accessibilité, réactivité, mode sombre et sécurité de purge.
Comment résoudre le problème de l'IA qui casse l'environnement d'exécution de Cloudflare Workers
Les agents d'IA importent des modules intégrés Node.js comme fs, crypto et path dans Cloudflare Workers, ce qui provoque des erreurs d'exécution car l'environnement d'exécution de Workers n'est pas Node.js.
Comment corriger les erreurs d'hydratation React causées par l'IA
Les agents d'IA génèrent des composants React qui affichent un HTML différent côté serveur et côté client, provoquant des erreurs d'hydratation et une interface cassée au premier chargement.
Comment corriger l'oubli de validation des variables d'environnement par l'IA
Les agents IA lisent les valeurs process.env directement sans validation, ce qui provoque des bugs silencieux d'undefined et des erreurs de démarrage manquantes lorsque les variables d'environnement sont absentes.
Comment corriger la génération par IA de relations Prisma invalides
Les agents IA génèrent des schémas Prisma avec des relations manquant de relations inverses, des actions référentielles erronées ou des types de champs incompatibles qui font échouer prisma validate et prisma migrate.
Comment corriger l'ignorance des métadonnées SEO par l'IA
Les agents IA génèrent des pages Next.js et Astro sans balises title, métadonnées Open Graph ni URL canoniques, produisant des pages invisibles pour les moteurs de recherche et les crawlers sociaux.
Comment corriger les agents de codage IA qui inventent des packages npm factices
Pourquoi les agents IA hallucinent des packages npm qui n'existent pas, comment les repérer et comment y mettre fin.
Comment corriger la surutilisation de useEffect par l'IA
Les agents IA utilisent useEffect pour gérer l'état dérivé, les transformations d'événements et la récupération de données qui devraient plutôt utiliser useMemo, les gestionnaires d'événements ou les Server Components.
Comment corriger l'IA plaçant du code serveur dans les composants client
Les agents IA fuient les requêtes de base de données, les variables d'environnement secrètes et les API Node.js dans les composants 'use client', exposant la logique serveur au bundle du navigateur.
Comment corriger les agents de codage IA utilisant des API Next.js obsolètes
Les agents IA génèrent fréquemment du code Next.js en utilisant des motifs obsolètes du Pages Router, getServerSideProps et des API supprimées qui cassent les projets App Router.
Comment corriger les requêtes SQL non sécurisées écrites par l'IA
Les agents IA construisent des requêtes SQL avec interpolation de chaînes au lieu d'instructions paramétrées, introduisant des vulnérabilités d'injection SQL dans le code de base de données en production.
Répertoire d'outils IA — Pack de contexte
Pack de contexte copiable pour un site de répertoire d'outils IA construit avec Astro et PostgreSQL, afin que les agents comprennent le flux de soumission, le système de balisage et le modèle de contenu dès le premier prompt.
Pack de contexte pour site SEO statique Astro
Un pack de contexte copiable décrivant un site SEO statique Astro afin qu'un agent IA puisse y travailler correctement dès la première invite.
Application Cloudflare Workers — Pack de contexte
Pack de contexte copiable pour une application Cloudflare Workers avec D1, KV, R2 et Hono, afin que votre agent IA comprenne les contraintes d'exécution en périphérie dès la première invite.
Next.js SaaS Starter — Pack de Contexte
Pack de contexte copiable pour une application SaaS Next.js avec App Router, Better Auth, facturation Stripe et Postgres afin que votre agent IA fonctionne correctement dès la première invite.
Application de recherche PostgreSQL — Pack de contexte
Pack de contexte copiable pour une application de recherche plein texte et vectorielle basée sur PostgreSQL avec pgvector, afin que votre agent IA écrive du code SQL et des migrations corrects dès le départ.