Summary  
This chapter shows how to import a code repository into a deployment service, configure environment variables for secure API key management, and trigger an automated build-and-publish process.

General domain of usage  
Web application hosting

Vercel récupère votre code depuis GitHub et le publie en tant que site web en ligne. À chaque fois que vous poussez une mise à jour sur GitHub, Vercel la redéploie automatiquement. Aucune action manuelle n'est nécessaire après la configuration initiale.

Définition

Votre code est sur GitHub. Ce chapitre explique comment le mettre en ligne avec une véritable URL à partager avec n'importe qui.

### Les étapes

Rendez-vous sur [vercel.com](https://vercel.com) et inscrivez-vous. Connectez votre compte GitHub lorsque cela est demandé. Cela permet à Vercel d'accéder à vos dépôts.

1. Créer un compte Vercel

Une fois sur le tableau de bord Vercel, cliquez sur **Add New** puis sélectionnez **Project**. Votre dépôt GitHub devrait apparaître dans la liste. Cliquez sur **Import**.

2. Importer votre projet

C'est l'étape la plus importante. Votre clé API n'est pas sur GitHub car elle a été exclue par `.gitignore`. Cela signifie que Vercel ne l'a pas non plus. Vous devez la fournir directement à Vercel.

Sur la page de configuration du projet, ouvrez la section **Environment Variables**. Vous devez ajouter votre clé API ici avant le déploiement.

| Field | What to enter |
|-------|--------------|
| Key   | `ANTHROPIC_API_KEY` |
| Value | Your actual API key from `.env.local` |

Vous pouvez également cliquer sur **Import .env** et sélectionner directement votre fichier `.env.local`. Vercel lira automatiquement la clé et la valeur. C'est l'option la plus simple.

3. Ajouter vos variables d'environnement

Une fois la variable d'environnement ajoutée, cliquez sur **Deploy**. Vercel récupérera tous vos fichiers de code depuis GitHub et les publiera. Cela prend entre deux et cinq minutes.

4. Cliquer sur Deploy

Lorsque l'écran de félicitations apparaît, votre application est en ligne ! Vercel vous fournit une URL que vous pouvez ouvrir dans n'importe quel navigateur et partager avec qui vous voulez.

5. Terminé

### Pourquoi l'étape de la variable d'environnement est importante

Votre application sera construite et semblera fonctionner sans la clé API. Mais dès qu'une personne soumettra une idée, cela échouera car l'application n'aura aucun moyen d'appeler l'IA. Ajouter la clé à Vercel permet à la fonctionnalité principale de réellement fonctionner en production.

Le fichier local `.env.local` reste sur votre ordinateur. Les variables d'environnement Vercel sont votre `.env.local` pour la version web en ligne.


Note

Que devez-vous faire pour garantir que votre application déployée puisse accéder à l'API d'IA ?

Créez et lancez une application réelle en un seul week-end en utilisant des outils d'IA modernes et un flux de travail simple et pratique, en utilisant Claude Code pour planifier, générer et affiner votre code, en gérant votre projet avec GitHub, et en déployant votre application finalisée en ligne avec Vercel. Vous commencerez avec une idée et la transformerez rapidement en un plan de projet clair, puis vous passerez étape par étape à la construction d'une application fonctionnelle, en vous concentrant sur les fonctionnalités principales, une architecture simple et une itération rapide au lieu d'une complexité inutile, tout en apprenant à travailler efficacement avec l'IA en rédigeant de meilleurs prompts, en corrigeant les erreurs et en améliorant les fonctionnalités, pour terminer avec une application en ligne, un projet GitHub propre et un système reproductible pour transformer plus rapidement vos futures idées en produits réels.

Comprendre les bases du développement assisté par l'IA, configurer votre environnement et se familiariser avec Claude Code avant de commencer votre première application.

Transformez votre idée en un plan clair et simple et définissez la version la plus minimale de votre application qui apporte une réelle valeur.

Passez de zéro à une application fonctionnelle en générant du code avec l'IA, en configurant le projet et en comprenant ce qui a été créé.

Améliorez votre application en ajoutant des fonctionnalités, en affinant le design et en apprenant à résoudre efficacement les problèmes.

Publiez votre projet, rendez-le accessible en ligne et assurez-vous que tout fonctionne en utilisant GitHub et Vercel.

Field	What to enter
Key	`ANTHROPIC_API_KEY`
Value	Your actual API key from `.env.local`

Déploiement avec Vercel

Les étapes

Pourquoi l'étape de la variable d'environnement est importante