express - Impossible d'utiliser NextJs + ExpressJs avec TypeScript et webpack

Je veux configurer ExpressJs avec TypeScript pour utiliser l'IOC avec InversifyJS et Nextjs avec es6. Je veux aussi utiliser webpack pour le bundling. Comme je dois importer Next dans server.ts pour faire du rendu côté serveur, j'ai donc configuré TypeScript pour Nextjs aussi, mais je veux que les fichiers

Lire la suite →

reactjs - Conversion d'une application React Typescript en Nextjs

Je suis nouveau sur Nextjs et j'ai créé une application web en utilisant Reactjs + Typescript et je veux convertir ceci en Nextjs. Je suis confus concernant la structure des fichiers, sur ce qui va où et la partie installation. L'application web actuelle (Reactjs avec Typescript) a une base de données (Postdb) et

Lire la suite →

reactjs - NextJS : Ajouter une nouvelle valeur de chaîne de requête à un asPath existant ou mettre à jour la chaîne de requête existante

Je suis un peu perdu sur le fonctionnement du système de routage de NextJS :

J'ai des articles par catégories qui peuvent être :

Medical Charity Wedding Funeral

J'ai une barre de navigation où l'utilisateur peut afficher les articles par catégorie, et peut également rechercher par mot-clé. La fonctionnalité de catégorie fonctionne parfaitement.

Voici à quoi ressemble ma barre de navigation :

Lire la suite →

reactjs - Pourquoi setState n'a-t-il pas fonctionné dans ce cas dans NextJS ?

Bonjour à tous ! J'ai un problème : setState ne fonctionne pas dans mon application NextJS + TS. J'ai essayé mon état avec ReactHooks, mais rien n'a marché, j'ai transformé le composant en classes, mais rien n'a marché. J'ai essayé de lancer ce composant dans une application CRA

Lire la suite →

typescript - Les paramètres de requête dans le chemin de Nextjs sont décodés

Nous ingérons certaines données à partir d'une API où nous utilisons l'URL pour naviguer dans l'application. Dans notre composant Link, nous passons une URL comme <Link href={{ pathname: url , someOtherProperty }} /> où l'URL ressemble à /path-to-page?query=value, mais quand je rega

Lire la suite →

reactjs - Comment faire en sorte que Nextjs affiche les erreurs de type TypeScript à l'enregistrement

Je travaille sur un projet Nextjs Typescript et je constate que les erreurs de type n'arrêtent pas l'exécution de l'application comme un autre type d'erreur, ce qui est un problème pour moi, mais c'est un problème plus important puisque le TypeError se produit au moment de la compilation, découvrant que cela a des erreurs de type surtout lorsqu'il est nécessaire de faire un déploiement.

Y a-t-il un moyen de faire en sorte que les erreurs TypeScript bloquent l'e

Lire la suite →

next.js - Lors de la création d'une application NextJS dans un espace de travail Nx - obtention de l'erreur : Impossible de trouver le module 'typescript'

Lors de la création d'un nouveau @nrwl/workspace avec une application Next JS, je reçois l'erreur Error: Cannot find module 'typescript'. Quelqu'un rencontre le même problème ?

Étapes -

1. Créer un nouvel espace de travail nx
2. Créer une nouvelle application avec le préréglage NextJS
3. Construisez l'application avec nx run <app-name>:build
4. Générez une image depuis dist/apps/<nom-de-lapplication> ou copiez simplement le di
   Lire la suite →

typescript - Comment désactiver resolveJsonModule pour un seul fichier JSON dans une application NextJs ?

Je suis en train de créer une application Next.js, en la déployant avec Vercel. Tout fonctionnait bien, jusqu'à ce que je fasse récemment quelques modifications sur un gros fichier JSON, ce qui a encore augmenté sa taille d'environ 20 %. L'augmentation de taille semble avoir dépassé une sorte de limite, et je reçois maintenant des erreurs Webpack 5, qui semblent être dues à la résolution des types TypeScript.

J'importe le fichier JSON directement avec un import. D'après ce que j'ai pu c

Lire la suite →

reactjs - Comment passer un composant Nextjs avec des propriétés personnalisées en tant qu'enfants

Pour ajouter une propriété Auth à mes composants. J'ai créé une interface

interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }

Afin que je puisse performer

const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider session={session

Lire la suite →

reactjs - Comment stocker correctement un JWT dans un cookie dans react en utilisant NextJS avec typescript et le hook useContext

L'utilisateur est défini et persiste sur toutes les pages, mais lorsque la fenêtre du navigateur est actualisée, l'utilisateur est déconnecté. Je ne suis pas sûr si le problème vient de la façon dont je définis les cookies, tout conseil ou alternative est le bienvenu.

Voici le fichier UserContext :

import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } f

Lire la suite →