Programmation

Termes de serveur de développement et de déploiement

Référence pour serveur local, URL réseau, ports, builds, déploiement, avertissements et erreurs web.

42 résultats

Développement local

localhost

http://localhost:3001

Sens

Un nom d'hôte qui renvoie à la même machine qui exécute le navigateur ou la commande.

Utilisation

Utilisez localhost lorsque vous vérifiez le site sur le même Mac ou PC où le serveur de développement est en cours d'exécution.

Note

Un téléphone ou une tablette a sa propre adresse localhost, il ne peut donc pas utiliser l'adresse localhost de votre Mac.

Exemple

http://localhost:3001

Exemple de demande

Ouvrir le site local à localhost et vérifier la nouvelle page de référence.

Développement local

127.0.0.1

http://127.0.0.1:3001

Sens

Une adresse IP de retour qui pointe également vers le même ordinateur local.

Utilisation

Il est souvent interchangeable avec localhost pour les tests sur le même appareil.

Exemple

http://127.0.0.1:3001

Exemple de demande

Essayez 127.0.0.1 si localhost ne se résout pas correctement.

Développement local

Serveur dev

Dev server

npm run dev

Sens

Un serveur utilisé pendant le développement, avec des reconstructions rapides et des fonctionnalités spécifiques au développement.

Utilisation

Utilisez-le pour prévisualiser les modifications avant de construire ou de déployer le site.

Note

Le comportement du serveur de développement n'est pas toujours identique au comportement du serveur de production déployé.

Exemple

npm run dev

Exemple de demande

Démarrer le serveur de développement afin que je puisse vérifier la page sur mon iPhone.

Développement local

Port

http://localhost:3001

Sens

Un nombre qui identifie le processus serveur qui doit recevoir la connexion sur une machine.

Utilisation

Si un serveur utilise le port 3001, un autre serveur doit utiliser un port différent, tel que 3002.

Exemple

http://localhost:3001

Exemple de demande

Si le port 3001 est déjà utilisé, démarrez le serveur de développement sur un autre port.

Développement local

URL locale

Local URL

Local: http://localhost:3001

Sens

L'adresse utilisée depuis le même appareil où le serveur de développement est en cours d'exécution.

Utilisation

Utilisez l'URL locale pour les vérifications du navigateur sur le bureau de l'environnement de développement.

Exemple

Local: http://localhost:3001

Exemple de demande

Dites-moi l'URL locale après avoir démarré le serveur de développement.

Accès réseau

URL du réseau

Network URL

Network: http://172.30.1.55:3001

Sens

Une adresse que d'autres appareils du même réseau peuvent utiliser pour accéder au serveur de développement.

Utilisation

Utilisez-le lorsque vous vérifiez le site à partir d'un iPhone, d'une iPad ou d'un autre ordinateur sur le même réseau Wi-Fi.

Note

Le serveur de développement doit écouter sur un hôte accessible via le réseau, tel que 0.0.0.0.

Exemple

Network: http://172.30.1.55:3001

Exemple de demande

Démarrer le serveur de développement avec une URL réseau afin que je puisse le tester sur mon iPad.

Accès réseau

Adresse IP

IP address

172.30.1.55

Sens

Une adresse numérique qui identifie un appareil sur un réseau.

Utilisation

Une adresse IP LAN permet à un autre appareil du même réseau Wi-Fi d'accéder à votre serveur de développement.

Note

Les adresses IP du réseau local peuvent changer lorsque les conditions du Wi-Fi ou du routeur changent.

Exemple

172.30.1.55

Exemple de demande

Utilisez l'adresse IP LAN actuelle lors de l'ajout de allowedDevOrigins pour les tests des appareils.

Accès réseau

Hôte

Host

--hostname 0.0.0.0

Sens

L'adresse à laquelle un serveur se lie lorsqu'il commence à écouter les requêtes.

Utilisation

La liaison à 0.0.0.0 permet au serveur de développement d'être accessible depuis d'autres appareils du réseau.

Exemple

--hostname 0.0.0.0

Exemple de demande

Exécuter le serveur de développement avec le nom d'hôte 0.0.0.0 pour les tests sur téléphone.

Accès réseau

Même réseau

Same network

Mac et iPhone sur le même réseau Wi-Fi

Sens

Appareils connectés au même réseau local, généralement au même routeur Wi-Fi.

Utilisation

Un téléphone peut accéder au serveur de développement de votre Mac uniquement si les paramètres réseau le permettent.

Exemple

Mac et iPhone sur le même réseau Wi-Fi

Exemple de demande

Vérifier que l'iPhone et le Mac sont sur le même réseau avant de déboguer le site.

Comportement Next.js

allowedDevOrigins

allowedDevOrigins: ['172.30.1.55']

Sens

Un paramètre de développement Next.js qui permet à des origines spécifiques d'accéder aux ressources de développement.

Utilisation

Cela peut être nécessaire lors du test d'un serveur de développement Next à partir d'un téléphone ou d'une tablette en utilisant une adresse IP LAN.

Note

Il s'agit d'un environnement de développement. Les sites statiques déployés n'utilisent pas le même chemin d'accès aux ressources de développement.

Exemple

allowedDevOrigins: ['172.30.1.55']

Exemple de demande

Ajouter mon adresse IP LAN actuelle à allowedDevOrigins pour les tests de développement.

Accès réseau

Inter-domaine

Cross-origin

Blocked cross-origin request

Sens

Une requête entre des origines différentes, où le schéma, l'hôte ou le port diffère.

Utilisation

Les outils de développement peuvent bloquer l'accès inter-domaines aux ressources de développement sensibles par défaut.

Exemple

Blocked cross-origin request

Exemple de demande

Expliquez si cet avertissement de cross-origin affecte le déploiement en production.

Comportement Next.js

HMR

/_next/webpack-hmr

Sens

Le remplacement à chaud des modules (HMR) met à jour le navigateur pendant le développement sans rechargement complet.

Utilisation

Si les ressources de développement HMR sont bloquées, la page peut se charger, mais les mises à jour interactives ou les scripts peuvent se comporter de manière étrange pendant le développement.

Note

HMR est réservé au développement et ne fait pas partie de l'exportation statique finale.

Exemple

/_next/webpack-hmr

Exemple de demande

Vérifiez si le problème avec l'iPhone est causé par des ressources de développement HMR bloquées.

Comportement Next.js

Turbopack

Next.js 16.2.5 Turbopack

Sens

Un bundler utilisé par Next.js pour les flux de travail de développement et de construction.

Utilisation

Vous pouvez voir son nom dans la sortie du serveur de développement ou de la compilation.

Exemple

Next.js 16.2.5 Turbopack

Exemple de demande

Résumez la sortie de Turbopack et dites-moi si la compilation a réussi.

Comportement Next.js

App Router

src/app/[locale]/reference/page.tsx

Sens

Le système de routage Next.js basé sur le répertoire app.

Utilisation

L'ajout d'un fichier page.tsx dans un dossier crée une route.

Exemple

src/app/[locale]/reference/page.tsx

Exemple de demande

Ajouter la nouvelle page de référence en utilisant la structure de dossiers de l'App Router.

Comportement Next.js

generateStaticParams

generateStaticParams()

Sens

Une fonction Next.js qui déclare quelles routes dynamiques doivent être générées au moment de la construction.

Utilisation

Les pages de la locale utilisent ceci pour créer les chemins /en, /ko, /ja et autres langues.

Exemple

generateStaticParams()

Exemple de demande

Assurez-vous que la nouvelle page de référence a generateStaticParams pour toutes les langues.

Build et sortie

Construire

Build

npm run build

Sens

Le processus qui compile et prépare le site pour la production ou la sortie statique.

Utilisation

Exécuter la construction avant le déploiement pour détecter les problèmes de TypeScript, de routage et de génération statique.

Exemple

npm run build

Exemple de demande

Exécuter la construction et confirmer que la nouvelle route est générée.

Build et sortie

Lint

npm run lint

Sens

Une vérification statique du code qui détecte les problèmes de style, de correction et de règles du framework.

Utilisation

Lint est une vérification rapide avant la compilation ou l'intégration.

Exemple

npm run lint

Exemple de demande

Exécuter lint après avoir modifié les pages de référence.

Build et sortie

Exportation statique

Static export

output: "export"

Sens

Une sortie de construction où les pages sont générées en tant que fichiers statiques au lieu d'avoir besoin d'un serveur en cours d'exécution.

Utilisation

L'exportation statique est utile pour héberger des sites sous forme de fichiers HTML, CSS et JavaScript précompilés.

Note

Certaines fonctionnalités spécifiques au serveur ne fonctionnent pas avec l'exportation statique.

Exemple

output: "export"

Exemple de demande

Conservez la nouvelle page compatible avec l'exportation statique.

Build et sortie

SSG

● SSG pré-rendu en tant que HTML statique

Sens

La génération de site statique crée des pages au moment de la construction.

Utilisation

Les pages de référence avec `generateStaticParams` sont générées pour chaque locale pendant la construction.

Exemple

● SSG pré-rendu en tant que HTML statique

Exemple de demande

Vérifiez que le chemin de référence apparaît comme SSG dans la sortie de la compilation.

Build et sortie

Pré-rendu

Prerender

pré-rendu en tant que contenu statique

Sens

Affichage d'une page avant qu'un utilisateur ne la demande, généralement pendant la construction.

Utilisation

Les pages pré-rendues se chargent rapidement car le HTML existe déjà.

Exemple

pré-rendu en tant que contenu statique

Exemple de demande

Vérifier que toutes les pages localisées sont pré-rendues avec succès.

Build et sortie

Regrouper

Bundle

paquet statique JS

Sens

Fichiers compilés qui combinent le code et les dépendances pour le navigateur.

Utilisation

Les grands ensembles peuvent affecter la vitesse de chargement et doivent être surveillés à mesure que le site grandit.

Exemple

paquet statique JS

Exemple de demande

Évitez d'ajouter une bibliothèque lourde juste pour une simple page de référence.

Déploiement

Déployer

Deploy

déployer la sortie statique

Sens

Publier le site web afin que les utilisateurs puissent y accéder sur le web.

Utilisation

Le déploiement a lieu après les vérifications locales, les contrôles de qualité et la compilation.

Exemple

déployer la sortie statique

Exemple de demande

Ne déployez pas encore ; préparez simplement la page et exécutez la compilation.

Déploiement

Production

déploiement en production

Sens

L'environnement de production réel auquel les utilisateurs ont accès.

Utilisation

La production doit être testée différemment du serveur de développement local car les fonctionnalités spécifiques au développement sont absentes.

Exemple

déploiement en production

Exemple de demande

Expliquez si cet avertissement affecte la production ou seulement le développement.

Déploiement

Hébergement

Hosting

fournisseur d'hébergement statique

Sens

Le service ou le serveur qui stocke et sert les fichiers du site déployé.

Utilisation

L'exportation statique peut être servie par un hébergement statique lorsque la logique côté serveur n'est pas requise.

Exemple

fournisseur d'hébergement statique

Exemple de demande

Assurez-vous que la sortie fonctionne avec l'hébergement statique.

Déploiement

Domaine

Domain

example.com

Sens

L'adresse lisible par l'utilisateur que les utilisateurs saisissent pour accéder à un site.

Utilisation

Un domaine pointe vers l'emplacement d'hébergement déployé via DNS.

Exemple

example.com

Exemple de demande

N'intégrez pas localhost dans les liens qui doivent fonctionner sur le domaine de production.

Déploiement

DNS

Un enregistrement / enregistrement CNAME

Sens

Le système qui mappe un nom de domaine vers le serveur ou la cible d'hébergement.

Utilisation

Le DNS doit être configuré correctement pour qu'un domaine personnalisé puisse accéder au site déployé.

Exemple

Un enregistrement / enregistrement CNAME

Exemple de demande

Expliquez si le problème est lié à DNS ou à un problème de construction de l'application.

Déploiement

Cache

clear browser cache

Sens

Copies stockées de fichiers ou de réponses utilisés pour charger les pages plus rapidement.

Utilisation

Après le déploiement, les anciens fichiers mis en cache peuvent faire afficher au navigateur une version précédente pendant un certain temps.

Exemple

clear browser cache

Exemple de demande

Vérifiez si l'ancienne page s'affiche toujours à cause du cache.

Runtime

Node.js

node --version

Sens

Un environnement d'exécution JavaScript utilisé pour exécuter des outils de développement, des scripts de construction et des serveurs.

Utilisation

Les commandes de développement et de construction de Next.js s'exécutent sur Node.js.

Exemple

node --version

Exemple de demande

Dites-moi si cet avertissement provient de Node.js, de Next.js ou de mon code d'application.

Runtime

npm

npm run build

Sens

Un gestionnaire de paquets et un exécuteur de scripts couramment utilisés dans les projets JavaScript.

Utilisation

package.json définit des scripts tels que dev, lint et build que npm peut exécuter.

Exemple

npm run build

Exemple de demande

Exécuter le script de construction npm et résumer le résultat.

Runtime

package.json

"scripts": { "dev": "next dev -p 3001" }

Sens

Un fichier de projet qui définit les scripts, les dépendances et les métadonnées des packages.

Utilisation

Vérifier le fichier package.json pour savoir quelles commandes le projet vous demande d'exécuter.

Exemple

"scripts": { "dev": "next dev -p 3001" }

Exemple de demande

Vérifier le fichier package.json avant de décider quelle commande de développement exécuter.

Runtime

Variable d'environnement

Environment variable

NEXT_PUBLIC_SITE_URL=https://example.com

Sens

Une valeur fournie à l'application ou à l'environnement de construction en dehors du code source.

Utilisation

Les variables d'environnement sont utilisées pour les URL du site, les clés API et les paramètres spécifiques au déploiement.

Note

Les secrets ne doivent pas être exposés via des variables côté client publiques.

Exemple

NEXT_PUBLIC_SITE_URL=https://example.com

Exemple de demande

N'intégrez pas l'URL du site de production si une variable d'environnement existe déjà.

Erreurs et avertissements

404

404 Not Found

Sens

Une erreur indiquant que la page ou le fichier demandés n'ont pas été trouvés.

Utilisation

Cela peut se produire lorsqu'une route a été supprimée, renommée ou non générée dans la sortie statique.

Exemple

404 Not Found

Exemple de demande

Vérifiez si l'ancienne URL des bases de la programmation renvoie maintenant une erreur 404 après sa suppression.

Erreurs et avertissements

500

500 Internal Server Error

Sens

Une erreur indiquant que le serveur a échoué lors du traitement de la requête.

Utilisation

En développement, le terminal ou la superposition du navigateur affiche généralement l'erreur source.

Exemple

500 Internal Server Error

Exemple de demande

Si une erreur 500 apparaît, examinez l'erreur du terminal et identifiez le fichier qui pose problème.

Erreurs et avertissements

Module not found

Module not found: Can't resolve '@/lib/programming'

Sens

Une erreur indiquant qu'une importation pointe vers un fichier ou un package qui ne peut pas être trouvé.

Utilisation

Cela se produit souvent après avoir déplacé, supprimé ou renommé des fichiers sans mettre à jour les importations.

Exemple

Module not found: Can't resolve '@/lib/programming'

Exemple de demande

Rechercher et mettre à jour toutes les importations qui pointent encore vers le fichier supprimé.

Erreurs et avertissements

Exportation introuvable

Export not found

Export programmingBasicsCopy doesn't exist

Sens

Une erreur indiquant qu'un fichier existe, mais que l'exportation nommée demandée n'est pas fournie par ce fichier.

Utilisation

Cela peut se produire lorsqu'un objet de données est renommé, mais que les importations utilisent toujours l'ancien nom.

Exemple

Export programmingBasicsCopy doesn't exist

Exemple de demande

Remplacer l'ancien nom d'exportation par le nouveau, partout.

Erreurs et avertissements

EADDRINUSE

listen EADDRINUSE: address already in use 0.0.0.0:3001

Sens

Une erreur indiquant qu'un autre processus utilise déjà l'hôte et le port demandés.

Utilisation

Utilisez un autre port ou arrêtez le serveur existant si vous souhaitez intentionnellement le remplacer.

Exemple

listen EADDRINUSE: address already in use 0.0.0.0:3001

Exemple de demande

Si EADDRINUSE apparaît, indiquez-moi quel port est occupé et utilisez un autre port.

Erreurs et avertissements

DeprecationWarning

[DEP0205] DeprecationWarning: module.register() is deprecated

Sens

Un avertissement indiquant qu'une API fonctionne actuellement, mais qu'elle peut être supprimée ou modifiée ultérieurement.

Utilisation

Les avertissements doivent être remarqués, mais ils ne sont pas toujours des erreurs bloquant la compilation.

Exemple

[DEP0205] DeprecationWarning: module.register() is deprecated

Exemple de demande

Dites-moi si cet avertissement de dépréciation DeprecationWarning est inoffensif ou s'il nécessite une modification du code.

Erreurs et avertissements

Hydratation

Hydration

Hydration failed because the server rendered HTML didn't match

Sens

Le processus où le JavaScript côté client se connecte à du HTML rendu côté serveur.

Utilisation

Les erreurs de non-correspondance se produisent lorsque le serveur et le client affichent différents contenus initiaux.

Exemple

Hydration failed because the server rendered HTML didn't match

Exemple de demande

Si l'hydratation échoue, vérifiez quel composant s'affiche différemment côté client.

Commandes

npm run dev

npm run dev

Sens

Un script de projet qui démarre le serveur de développement local.

Utilisation

Utilisez-le lors de la modification de pages et de la vérification des modifications localement.

Exemple

npm run dev

Exemple de demande

Exécuter npm run dev et me donner les URL locales et réseau.

Commandes

npm run build

npm run build

Sens

Un script de projet qui crée la version de production ou l'exportation statique.

Utilisation

L'exécuter après les modifications pour s'assurer que l'application peut être générée avec succès.

Exemple

npm run build

Exemple de demande

Exécuter npm run build et résumer les avertissements ou les échecs.

Commandes

npm run lint

npm run lint

Sens

Un script de projet qui exécute des vérifications de lint.

Utilisation

L'exécuter avant la construction pour détecter rapidement de nombreux problèmes de code.

Exemple

npm run lint

Exemple de demande

Exécuter lint avant de construire le site.

Commandes

curl

curl -I http://localhost:3001/ko

Sens

Un outil en ligne de commande pour effectuer des requêtes HTTP et vérifier les réponses.

Utilisation

curl can quickly check whether a local or deployed page responds with 200, 404, or another status.

Exemple

curl -I http://localhost:3001/ko

Exemple de demande

Utilisez curl pour vérifier si la nouvelle route de référence renvoie 200.