Générateur de Contenu IA — Nuxt 3 + OpenAI

Contexte

Fin 2022, ChatGPT venait de sortir et l’écosystème OpenAI API commençait à être accessible. J’ai voulu comprendre concrètement comment intégrer la génération de texte dans une vraie application web — pas juste appeler l’API dans un script, mais construire une interface utilisateur autour.

J’ai choisi Nuxt 3 car je voulais aussi apprendre ses nouvelles fonctionnalités : server routes, Composition API, déploiement hybride.

Comment ça fonctionne

L’utilisateur entre des mots-clés et choisit un type de contenu (slogan publicitaire, description produit, histoire courte, poème). Une requête est envoyée à une server route Nuxt (pas directement à OpenAI côté client), qui construit le prompt et appelle l’API GPT.

// server/api/generate.post.ts
export default defineEventHandler(async (event) => {
  const { keywords, type } = await readBody(event);
  const prompt = buildPrompt(keywords, type); // structuration du prompt
  const response = await openai.createCompletion({ model: 'text-davinci-003', prompt });
  return response.data.choices[0].text;
});

La clé API reste côté serveur — un principe de sécurité fondamental avec les LLMs.

Ce que j’ai appris sur le prompt engineering

La qualité du résultat dépend énormément de la formulation du prompt. J’ai appris à :

• Donner un rôle au modèle (“Tu es un copywriter expert…”)
• Contraindre le format de la réponse (longueur, structure)
• Utiliser des exemples dans le prompt (few-shot prompting)