You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: en/guide/index.md
+10-10Lines changed: 10 additions & 10 deletions
Original file line number
Diff line number
Diff line change
@@ -9,16 +9,16 @@ description: "Le 25 octobre 2016, l'équipe derrière zeit.co, annonçait Next.j
9
9
10
10
Nuxt.js est un framework pour créer des applications Vue.js universelles.
11
11
12
-
Son principal but est de **faire le rendu d'interface utilisateur (« UI »)** en faisant abstraction de la distribution au client et au serveur.
12
+
Son principal but est de **faire le rendu d'interface utilisateur (« UI »)** en faisant abstraction de la distribution entre le client et le serveur.
13
13
14
14
Notre but est de créer un framework suffisamment flexible afin que vous puissiez l'utiliser comme base dans un projet principal ou en tant que supplément pour votre projet actuel basé sur Node.js.
15
15
16
16
Nuxt.js prédéfinit toute la configuration nécessaire pour faire de votre développement d'application Vue.js rendue côté serveur quelque chose d'agréable.
17
17
18
18
En outre, nous fournissons également une autre option de déploiement appelée : *nuxt generate*. Elle permet de construire une application Vue.js **générée statiquement**.
19
-
Nous croyons que cette option pourrait être la prochaine étape importante dans le développement d'applications web avec microservices.
19
+
Nous croyons que cette option pourrait être la prochaine étape importante dans le développement d'applications web avec des microservices.
20
20
21
-
En tant que framework, Nuxt.js est doté de nombreuses fonctionnalités pour vous aider dans votre développement entre côté client et serveur telles que les données asynchrones, les *middlewares*, les *layouts*, etc.
21
+
En tant que framework, Nuxt.js est doté de nombreuses fonctionnalités pour vous aider dans votre développement entre côté client et serveur tels que les données asynchrones, les *middlewares*, les *layouts*, etc.
22
22
23
23
## Comment ça marche
24
24
@@ -60,17 +60,17 @@ Ce schéma (en anglais) montre ce qui est invoqué par Nuxt.js quand le serveur
60
60
61
61
Vous pouvez utiliser Nuxt.js comme framework pour gérer le rendu complet de l'interface utilisateur de votre projet.
62
62
63
-
En utilisant la commande `nuxt`, Nuxt va démarrer un serveur de développement avec rechargement à chaud et [Vue Server Renderer](https://ssr.vuejs.org/fr/)configurés afin de servir automatiquement le rendu de votre application fait côté serveur.
63
+
En utilisant la commande `nuxt`, Nuxt démarrera un serveur de développement avec rechargement à chaud et [Vue Server Renderer](https://ssr.vuejs.org/fr/)sera configuré pour faire automatiquement le rendu de votre application côté serveur.
64
64
65
65
### Application monopage
66
66
67
-
Si pour une quelconque raison vous préférez ne pas utiliser le rendu côté serveur ou que vous avez besoin d'héberger statique pour votre application, vous pouvez simplement utiliser le mode application monopage (ou SPA « Simple Page Application ») en utilisant la commande `nuxt --spa`. Combiné avec la fonctionnalité de *génération*, vous avez la une puissante application monopage qui ne nécessite aucunement de Node.js ou d'un serveur spécial pour fonctionner.
67
+
Si pour une quelconque raison vous préférez ne pas utiliser le rendu côté serveur ou que vous avez besoin d'un hébergement statique pour votre application, vous pouvez simplement utiliser le mode application monopage (ou « SPA » pour « Simple Page Application ») en utilisant la commande `nuxt --spa`. Combiné avec la fonctionnalité de *génération*, vous avez la une puissante application monopage qui ne nécessite aucunement de Node.js ou d'un serveur spécial pour fonctionner.
68
68
69
69
Jetez un œil à [la liste des commandes](/guide/commands) pour en savoir plus.
70
70
71
71
Si vous avez déjà un serveur, vous pouvez greffer Nuxt.js en l'utilisant comme middleware. Il n'y a aucune restriction quand vous utilisez Nuxt.js pour développer votre application web universelle. Consultez le guide [d'utilisation de Nuxt.js par programmation](/api/nuxt).
72
72
73
-
## Génération statique
73
+
## Génération statique (pré-rendu)
74
74
75
75
La grande innovation de Nuxt.js est : `nuxt generate`
76
76
@@ -84,7 +84,7 @@ Exemple :
84
84
----| index.vue
85
85
```
86
86
87
-
Va générer :
87
+
Cela générera :
88
88
89
89
```
90
90
-| dist/
@@ -100,13 +100,13 @@ Le meilleur exemple est ce site web. Il est généré et hébergé sur le systè
100
100
-[Code source](https://github.com/nuxt/nuxtjs.org) (en anglais)
101
101
-[Code généré](https://github.com/nuxt/nuxtjs.org/tree/gh-pages) (en anglais)
102
102
103
-
Nous ne voulons pas devoir générer manuellement l'application à chaque fois que nous mettons à jour la [documentation](https://github.com/nuxt/docs), du coup chaque modification réalisée invoque une fonction AWS Lambda qui :
103
+
Nous ne voulons pas générer manuellement l'application à chaque fois que nous mettons à jour la [documentation](https://github.com/nuxt/docs), du coup chaque modification réalisée invoque une fonction AWS Lambda qui :
104
104
105
105
1. Clone le [dépôt nuxtjs.org](https://github.com/nuxt/nuxtjs.org)
106
106
2. Installe les dépendances via `npm install`
107
107
3. Lance `nux generate`
108
108
4. Déploie le dossier `dist` sur la branche `gh-pages`
109
109
110
-
Et nous voilà avec une **application web générée sans partie serveur** :)
110
+
Et nous voilà avec une **application web générée sans fichiers statiques serveurs** :)
111
111
112
-
Nous pouvons aller plus loin en imaginant une application d'e-commerce créée avec `nuxt generate` et hébergée sur un CDN. Chaque fois qu'un produit est en rupture de stock ou de nouveau en stock nous régénérons l'application. Mais si l'utilisateur navigue sur l'application en même temps, il verra les informations à jour grâce aux appels d'API effectués sur l'API de l'e-commerce. Pas besoin d'avoir plusieurs instances d'un serveur ou un cache !
112
+
Nous pouvons aller plus loin en imaginant une application d'e-commerce créée avec `nuxt generate` et hébergée sur un CDN. Chaque fois qu'un produit est en rupture de stock ou de nouveau en stock nous régénérons l'application. Mais si l'utilisateur navigue sur l'application en même temps, il verra les informations à jour grâce aux appels d'API effectués sur l'API de l'e-commerce. Pas besoin d'avoir plusieurs instances d'un serveur d'un cache !
0 commit comments