Déployer
sa webapp.
Votre œuvre devient une URL que tout le monde peut ouvrir. Objectif : obtenir un lien, puis le coller dans Mon espace. Deux chemins — le complet (Vercel) et le plus simple (si vous bloquez).
Vercel — en ligne en 5 min
Idéal si votre projet est un dossier de fichiers (index.html + JS/CSS…). Gratuit.
- Préparez un dossier contenant au minimum un fichier
index.html(c'est le point d'entrée de votre webapp). - Créez un compte gratuit sur vercel.com (le plus simple : « Continue with GitHub »).
- Le plus rapide sans rien installer : déposez vos fichiers dans un nouveau dépôt GitHub (bouton « uploading an existing file » → glissez votre dossier → Commit).
- Sur Vercel : Add New… → Project → Import votre dépôt GitHub → laissez les réglages par défaut → Deploy.
- Au bout de ~30 s, Vercel vous donne l'URL
votre-projet.vercel.app. C'est votre webapp.
npm i -g vercel, puis dans votre dossier tapez vercel et suivez les questions. L'URL s'affiche à la fin.Plus simple — zéro prise de tête
▸ Votre projet est un sketch p5.js
Utilisez l'éditeur p5.js en ligne : collez votre code → bouton File → Share → copiez le lien « Present » (plein écran). Ce lien est votre webapp.
Variante : OpenProcessing → créer un sketch → Publish → l'URL de la page est votre lien.
▸ Votre projet est un dossier de fichiers
Netlify Drop : glissez-déposez votre dossier directement sur la page. Vous obtenez une URL immédiate, sans même créer de compte au départ.
(Gardez le lien qui s'affiche ; créez un compte ensuite si vous voulez le conserver.)
Coller le lien dans votre espace
- Ouvrez Mon espace et connectez-vous.
- Dans 03 · Dépôts, collez votre URL dans le champ 🚀 Webapp.
- Enregistrer mon avancement. Votre projet apparaît alors sur le tableau de bord, prêt à être projeté.
Un exemple de webapp (creative coding) : Mémoire d'un lieu →