Skip to content
This repository was archived by the owner on Sep 3, 2024. It is now read-only.

Commit 0e76338

Browse files
committed
Translate faq/deployments
1 parent 7fd8498 commit 0e76338

6 files changed

+222
-0
lines changed

Diff for: fr/faq/dokku-deployment.md

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
---
2+
title: Déploiement sur Dokku
3+
description: Déployer nuxt.js sur Dokku
4+
---
5+
6+
# Déployer sur Dokku
7+
8+
Nous vous recommandons de lire la [documentation du setup Dokku](http://dokku.viewdocs.io/dokku/getting-started/installation/) et [Deploying a Node.js Application on Digital Ocean using dokku](http://jakeklassen.com/post/deploying-a-node-app-on-digital-ocean-using-dokku/)
9+
10+
Pour l'exemple, nous allons appeler notre application nuxt.js `my-nuxt-app`.
11+
12+
Demandons à Dokku d'installer les `devDependencies` de notre projet (afin de pouvoir exécuter `npm run build`):
13+
```bash
14+
// on Dokku Server
15+
dokku config:set my-nuxt-app NPM_CONFIG_PRODUCTION=false
16+
```
17+
18+
Nous voulons également que notre application écoute le port `0.0.0.0` et s'exécute en mode production:
19+
```bash
20+
// on Dokku Server
21+
dokku config:set my-nuxt-app HOST=0.0.0.0 NODE_ENV=production
22+
```
23+
24+
Vous devriez voir ces trois lignes quand vous tapez `dokku config my-nuxt-app`
25+
26+
![nuxt config vars Dokku](https://i.imgur.com/9FNsaoQ.png)
27+
28+
Puis nous pouvons demander à Dokku d'exécuter `npm run build` via le script `scripts.dokku.predeploy` dans `app.json`:
29+
`créez un fichier nommé app.json dans le répertoire racine de votre projet`
30+
```js
31+
{
32+
"scripts": {
33+
"dokku": {
34+
"predeploy": "npm run build"
35+
}
36+
}
37+
}
38+
```
39+
40+
Pour finir, nous pouvons déployer notre application sur Dokku:
41+
```bash
42+
// commit your change before push.
43+
git remote add dokku dokku@yourServer:my-nuxt-app
44+
git push dokku master
45+
```
46+
47+
Voilà! Votre application nuxt.js est hébergée sur Dokku!

Diff for: fr/faq/github-pages.md

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
---
2+
title: Déployer sur GitHub Pages
3+
description: Déployer nuxt.js sur GitHub Pages
4+
---
5+
6+
# Déployer sur GitHub Pages
7+
8+
Nuxt.js vous offre la possibilité d'héberger votre application web sur n'importe quel hébergeur statique tel que [GitHub Pages](https://pages.github.com/) par exemple.
9+
10+
Pour déployer sur GitHub Pages, vous devez générer votre applicaiton web de manière statique:
11+
```bash
12+
npm run generate
13+
```
14+
15+
Cette commande créé un répertoire `dist` contenant l'intégralité de l'application prêts à être déployés sur GitHub Pages.
16+
Branche `gh-pages` pour un repository de projet OU branche `master` pour un site d'un utilisateur/d'une organisation.
17+
18+
<p class="Alert Alert--nuxt-green"><b>INFO:</b> Si vous utilisez un nom de domaine personalisé pour GitHub Pages à l'aide d'un fichier `CNAME`, il est recommandé de placer ce fichier dans le répertoire `static`. [Plus d'informations](/guide/assets#static) à ce propos.</p>
19+
20+
## Déploiement en ligne de commande
21+
22+
Vous pouvez également utiliser le package [push-dir](https://github.com/L33T-KR3W/push-dir):
23+
24+
Installez le via npm:
25+
```bash
26+
npm install push-dir --save-dev
27+
```
28+
29+
Ajouter une commande `deploy` à votre package.json avec la branche `gh-pages` un repository de projet OU branche `master` pour un site d'un utilisateur/d'une organisation.
30+
31+
```js
32+
"scripts": {
33+
"dev": "nuxt",
34+
"build": "nuxt build",
35+
"start": "nuxt start",
36+
"generate": "nuxt generate",
37+
"deploy": "push-dir --dir=dist --branch=gh-pages --cleanup"
38+
},
39+
```
40+
41+
Puis générez et déployez votreapplication statique:
42+
```bash
43+
npm run generate
44+
npm run deploy
45+
```

Diff for: fr/faq/heroku-deployment.md

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
---
2+
title: Déployer sur Heroku
3+
description: Déployer nuxt.js sur Heroku
4+
---
5+
6+
# Déployer sur Heroku
7+
8+
Nous vous recommandons de lire la [documentation Heroku pour node.js](https://devcenter.heroku.com/articles/nodejs-support).
9+
10+
Premièrement, nous devons demander à Heroku d'installer les `devDependencies` du projet (afin de pouvoir exécuter `npm run build`):
11+
```bash
12+
heroku config:set NPM_CONFIG_PRODUCTION=false
13+
```
14+
15+
Nous voulons également que notre application écoute le port `0.0.0.0` et s'exécute en mode production:
16+
```bash
17+
heroku config:set HOST=0.0.0.0
18+
heroku config:set NODE_ENV=production
19+
```
20+
21+
Vous devriez voir cela dans votre tableau de bord Heroku (section Settings):
22+
23+
![nuxt config vars Heroku](https://i.imgur.com/EEKl6aS.png)
24+
25+
Puis nous demandons à Heroku d'exécuter `npm run build` via le script `heroku-postbuild` de notre `package.json`:
26+
```js
27+
"scripts": {
28+
"dev": "nuxt",
29+
"build": "nuxt build",
30+
"start": "nuxt start",
31+
"heroku-postbuild": "npm run build"
32+
}
33+
```
34+
35+
Pour finir, nous pouvons déployer notre application sur Heroku:
36+
```bash
37+
git push heroku master
38+
```
39+
40+
Voilà! Votre application nuxt.js est hébergée sur Heroku!

Diff for: fr/faq/menu.json

+34
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
[
2+
{
3+
"title": "Configuration",
4+
"links": [
5+
{ "name": "Comment utiliser des ressources externes?", "to": "" },
6+
{ "name": "Comment utiliser des pré-processeurs?", "to": "/pre-processors" },
7+
{ "name": "Comment utiliser JSX?", "to": "/jsx" },
8+
{ "name": "Comment utiliser des plugins postcss?", "to": "/postcss-plugins" },
9+
{ "name": "Comment étendre la configuration de webpack?", "to": "/extend-webpack" },
10+
{ "name": "Comment ajouter des plugins webpack?", "to": "/webpack-plugins" },
11+
{ "name": "Comment changer HOST et PORT?", "to": "/host-port" },
12+
{ "name": "Comment intégrer Google Analytics?", "to": "/google-analytics" }
13+
]
14+
},
15+
{
16+
"title": "Développement",
17+
"links": [
18+
{ "name": "Window/Document undefined?", "to": "/window-document-undefined" },
19+
{ "name": "Pourquoi un flash CSS apparaît?", "to": "/css-flash" },
20+
{ "name": "Données asynchrones dans les composants?", "to": "/async-data-components" },
21+
{ "name": "Meta Tags dupliqués?", "to": "/duplicated-meta-tags" }
22+
]
23+
},
24+
{
25+
"title": "Déploiement",
26+
"links": [
27+
{ "name": "Déployer sur Heroku", "to": "/heroku-deployment" },
28+
{ "name": "Déployer sur Dokku", "to": "/dokku-deployment" },
29+
{ "name": "Déployer avec Now.sh", "to": "/now-deployment" },
30+
{ "name": "Déployer avec Surge.sh", "to": "/surge-deployment" },
31+
{ "name": "Déployer sur GitHub Pages", "to": "/github-pages" }
32+
]
33+
}
34+
]

Diff for: fr/faq/now-deployment.md

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
---
2+
title: Déployer avec Now.sh
3+
description: Déployer nuxt.js avec Now.sh
4+
---
5+
6+
# Déployer avec Now.sh
7+
8+
Pour déployer avec [now.sh](https://zeit.co/now), un fichier `package.json` comme suit est recommandé:
9+
```json
10+
{
11+
"name": "my-app",
12+
"dependencies": {
13+
"nuxt": "latest"
14+
},
15+
"scripts": {
16+
"dev": "nuxt",
17+
"build": "nuxt build",
18+
"start": "nuxt start"
19+
}
20+
}
21+
```
22+
23+
Puis exécutez `now` et profiter!
24+
25+
Note: nous recommandons d'ajouter `.nuxt` dans `.npmignore` ou `.gitignore`.

Diff for: fr/faq/surge-deployment.md

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
---
2+
title: Déployer avec Surge.sh
3+
description: Déployer nuxt.js avec Surge.sh
4+
---
5+
6+
# Déployer avec Surge.sh
7+
8+
Nuxt.js vous donne la possibilité d'héberger votre application web sur n'importe quel hébergeur statique tel que [surge.sh](https://surge.sh/) par exemple.
9+
10+
Pour déployer sur surge.sh, installez surge sur votre ordinateur:
11+
```bash
12+
npm install -g surge
13+
```
14+
15+
Puis demander à nuxt.js de générer votre applicaiton web:
16+
```bash
17+
npm run generate
18+
```
19+
20+
Cela créera un répertoire `dist` contenant les fichiers prêts à être déployés sur un hébergement statique.
21+
22+
Nous pouvons alors déployer sur surge.sh:
23+
```bash
24+
surge dist/
25+
```
26+
27+
Tadaaa :)
28+
29+
Si vous avez un projet avec des [routes dynamiques](/guide/routing#dynamic-routes), lisez la configuration de [generate](/api/configuration-generate) afin d'expliquer à nuxt.js comment les générer.
30+
31+
<div class="Alert">Quand vous générez votre application web via `nuxt generate`, [le contexte](/api) passé to [data()](/guide/async-data#the-data-method) et [fetch()](/guide/vuex-store#the-fetch-method) ne disposent pas de `req` ni de `res`</div>

0 commit comments

Comments
 (0)