Recherche de site Web

javascript - Connexion de NextJS, next-i18next, with-redux, with-redux-saga : "Erreur : Si vous avez une méthode getInitialProps dans votre fichier _app.js personnalisé..."

J'essaie de connecter une application NextJS/React fonctionnelle qui utilise 'with-redux-saga' et 'with-redux' à 'next-i18next' (https://github.com/isaachinman/next-i18next) -- mais lorsque mon application démarre, je reçois l'erreur suivante :

Er

Lire la suite →

javascript - Comment utiliser fetch() depuis le dossier public dans NextJS ?

J'ai le scénario d'utilisation suivant. J'ai un worker web à l'intérieur duquel je dois récupérer une image qui se trouve dans le dossier public de NextJS afin de la convertir en blob.

Actuellement, exécuter fetch('public/images/myImage.png'); ou fetch('/images/myImage.png'); entraîne

Lire la suite →

javascript - Comment obtenir les paramètres URL lors de l'utilisation d'un Document personnalisé dans NextJS

J'utilise NextJS pour produire des pages SSR, et ces pages sont spécifiques à une langue. Je voudrais définir la propriété lang pour déclarer la langue du texte.

Jusqu'à présent, j'ai :

import Document, { Html, Head, Main, NextScript } from "next/document" import Rou

Lire la suite →

javascript - Comment définir basePath pour une application NextJS exportée en statique

J'ai besoin de créer et de déployer une application React/NextJS sur un serveur Weblogic J2ee avec un contexte spécifique. J'ai de l'expérience en React, mais je fais mes premiers pas avec NextJS.

Actuellement, les étapes de construction/vérification sont ;

javascript - Débogage des points de terminaison API Nextjs avec VSCode

Actuellement, je dois trouver manuellement dans quel fichier (endpoint API) je dois placer un point d'arrêt dans le dossier /api dans VSCode.

J'ai le launch.json suivant :

{ "version": "0.2.0", "configurations": [ { "type": &qu

Lire la suite →

javascript - Intégrer le script Calendly dans NextJs

J'essaie d'intégrer Calendly dans mon projet Next.js.

Je ne suis pas sûr cependant de la manière de procéder. Idéalement, je l'intègre simplement sur une seule page (et non dans _app ou _document)

Voici ce que j'ai jusqu'à présent :

import Script from 'next/script'; import React from 'react'; cons

Lire la suite →

javascript - EventSource reçoit tous les segments d'un coup lorsqu'il diffuse via les routes API de Nextjs

Problème

J'essaie de diffuser des données vers mon frontend React via EventSources, ce qui fonctionne en quelque sorte. Le problème est que je reçois tous les morceaux de données en même temps au lieu de les recevoir petit

Lire la suite →

javascript - Pourquoi le score de performance d'une application NextJS vide et par défaut est-il si bas ?

J'ai commencé à m'amuser avec mon premier projet Next.js.

Après avoir créé un nouveau projet via create-next-app, j'ai exécuté l'onglet performance dans l'application web 'Lighthouse' (les résultats peuvent être consultés dans les onglets ci-dessous). Le rapport de performance a renvoyé un score de 79, cependant ; tous les autres tests étaient au-dessus de 90.

Quelqu'un peut-il m'expliquer pourquoi ce sont les résultats ?

Le projet est nouvellement créé et total

Lire la suite →

javascript - NextJS SSR dynamique : False bloqué sur le chargement sur les appareils mobiles

Problème :

L'import dynamique de Next JS reste bloqué sur le chargement sur le navigateur des appareils mobiles (navigateurs utilisés : Google Chrome et Safari sur iOS). Alors qu'il fonctionne parfaitement sur Google Chrome et Mozilla sur le bureau. J'utilise également next-PWA avec la configuration par défaut. Cela pourrait-il être dû à next-PWA ?

Extrait de code :

import dynamic from "next/dynamic"; import { useMemo } fro

Lire la suite →

javascript - Application NextJS React avec styled component ne s'affiche pas correctement : Avertissement : la prop `className` ne correspond pas

Dans l'application NextJS _app.tsx je utilise import Router from 'next/router' afin de rendre différents styles de boutons de navigation pour mon menu supérieur.

Lorsque le chemin est /, le rendu fonctionne, cependant lorsque je suis sur /about, le rendu ne fonctionne pas et je reçois l'erreur suivante. Même si la logique booléenne fonctionne correctement.

Erreur :

Avertissement : la propriété className

Lire la suite →