|
1 | 1 | ---
|
2 |
| -title: Déploiement sur Netlify (EN) |
| 2 | +title: Déploiement sur Netlify |
3 | 3 | description: Comment déployer une application Nuxt.js sur Netlify ?
|
4 | 4 | ---
|
5 | 5 |
|
6 |
| -# How to deploy on Netlify? |
| 6 | +# Comment déployer sur Netlify? |
7 | 7 |
|
8 |
| -<p style="width: 294px;position: fixed; top : 64px; right: 4px;" class="Alert Alert--orange"><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/nuxt" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p> |
| 8 | +Le déploiement vers [Netlify](https://www.netlify.com) est rapide grâce à la **génération** de projets **statiques** NuxtJs |
9 | 9 |
|
10 |
| -Deploying to [Netlify](https://www.netlify.com) is a low friction option for getting a __statically generated__ Nuxt.js site online quickly. |
| 10 | +Le déploiement fonctionne avec la méthode `nuxt generate` qui permet de générer une version statique de votre projet vers le dossier `/dist`, c'est dans ce dossier que Netlify va déployer votre projet vers le web. |
11 | 11 |
|
12 |
| -The core of the process leverages the `nuxt generate` command during deployment to build a static version of your Nuxt.js app into a `dist` directory. The contents of this directory are then deployed to a production URL. |
| 12 | +### Débuter la configuration du déploiement |
13 | 13 |
|
14 |
| -## Getting Started |
| 14 | +Choisissez l'option _"New site from Git"_ sur le dashboard Netlify. Maintenant il vous suffit de renseigner les sources de votre dépôt en choisissant votre fournisseurs de dépôts (Github, Gitlab, BitBucket), sélectionnez le dépôt à déployer et continuez. Puis vous arriverez vers l'étapes: _"Build options, and deploy!"_ |
15 | 15 |
|
16 |
| -Press the _"New site from Git"_ button on the Netlify dashboard. Authenticate with your repository host, select a repository to deploy, and continue. You should land on step 3: _"Build options, and deploy!"_ |
| 16 | +### Configuration : |
17 | 17 |
|
18 |
| -## Configure: |
| 18 | +1. __Branch to deploy:__ `master` (la branche qui contient votre site) |
| 19 | +2. __Build command:__ `npm run generate` |
| 20 | +3. __Publish directory:__ `dist` |
19 | 21 |
|
20 |
| -1. __Branch to deploy:__ `master`, or which-ever branch you prefer |
21 |
| -1. __Build command:__ `npm run generate` |
22 |
| -1. __Publish directory:__ `dist` |
| 22 | +> Vous avez la possibilité de choisir des variables d'environnement grâce au bouton _"Advanced"_. Les variables d'environnements sont utiles pour ne pas dévoiler les identifiants d'une API par exemple. Netlify offre aussi la possibilité de créer des [variables par défauts](https://www.netlify.com/docs/build-settings/#build-environment-variables). |
23 | 23 |
|
24 |
| -> Optionally, you can add additional ENV variables via the _"Advanced"_ button. These can be helpful for swapping in alternative API credentials and so on. Netlify also provides a [default ENV variables](https://www.netlify.com/docs/build-settings/#build-environment-variables) which can be read by your Nuxt.js application at build time. |
| 24 | +Il ne vous reste plus qu'a cliquer sur _"Deploy site"_ pour immédiatement déployer votre site web avec la méthode `nuxt generate`. Votre site Netlify à une URL aléatoire qui lui est assigné. |
25 | 25 |
|
26 |
| -Click _"Deploy site"_ to immediately trigger a deploy. Your Netlify site will be assigned a random URL and deployed using the `nuxt generate` command. |
27 |
| - |
28 |
| -Voilà! Your Nuxt.js application is now hosted on Netlify! |
| 26 | +Voilà c'est tout ! Votre application Nuxt.js est maintenant héberger avec Netlify ! |
0 commit comments