express - No se puede usar NextJs + ExpressJs con TypeScript y webpack

Quiero configurar ExpressJs con TypeScript para usar IOC con InversifyJS y Nextjs con es6. También quiero usar webpack para hacer el bundle. Como debo importar Next en server.ts para hacer renderizado del lado del servidor, también configuré TypeScript para Nextjs, pero quiero que los archivos .js y .jsx e

Leer más →

reactjs - Convertir una aplicación de React Typescript a Nextjs

Soy nuevo en Nextjs y he construido una aplicación web usando Reactjs + Typescript y quiero convertir esto a Nextjs. Estoy confundido sobre la estructura de archivos de qué va dónde y la parte de instalación. La aplicación web actual (Reactjs con Typescript) tiene una base de datos (Postdb) y funcionalidades como:

Leer más →

reactjs - NextJS: Agregar un nuevo valor de cadena de consulta a un asPath existente o actualizar la cadena de consulta existente

Estoy un poco perdido sobre cómo funciona el sistema de enrutamiento de NextJS:

Tengo artículos por categorías que pueden ser:

Medical Charity Wedding Funeral

Tengo una barra de navegación donde el usuario puede mostrar artículos por categoría, y también puede buscar por una palabra clave. La función de categoría funciona perfectamente.

Así es como se ve mi barra de navegación:

Leer más →

reactjs - ¿Por qué no funcionó setState en este caso en NextJS?

¡Hola a todos! Tengo un problema: setState no funciona en mi aplicación NextJS + TS. Probé mi estado a través de ReactHooks, pero nada funcionó, cambié el componente a clases, pero nada funcionó. Intenté ejecutar este componente en una aplicación CRA recién creada sin TS. Todo f

Leer más →

typescript - Los parámetros de consulta en la ruta de Nextjs se están decodificando

Estamos ingresando algunos datos de una API donde usamos la URL para navegar por la aplicación. En nuestro componente Link estamos pasando una URL como <Link href={{ pathname: url , someOtherProperty }} /> donde la URL se ve así /path-to-page?query=value, pero cuando lo veo en el cl

Leer más →

reactjs - Cómo hacer que Nextjs muestre errores de tipo de TypeScript al guardar

Estoy trabajando con un proyecto de Nextjs con Typescript y noto que los errores de tipo no detienen la ejecución de la aplicación como otro tipo de error, eso es un problema para mí, pero es un problema mayor ya que el TypeError ocurre en el tiempo de compilación, descubriendo que hay errores de tipo principalmente cuando necesito hacer un despliegue.

¿Hay una manera de hacer que los errores de TypeScript bloqueen la ejecución de la aplicación mientras se desa

Leer más →

next.js - Al construir una aplicación NextJS en un espacio de trabajo Nx - se obtiene el error: No se puede encontrar el módulo 'typescript'

Al crear un nuevo @nrwl/workspace con una aplicación de Next JS, obtengo el error Error: Cannot find module 'typescript'. ¿Alguien ha encontrado el mismo problema?

Pasos -

1. Crear un nuevo espacio de trabajo nx
2. Crear una nueva aplicación con la plantilla NextJS
3. Construye la aplicación con nx run <app-name>:build
4. Genera la imagen desde dist/apps/<app-name> o simplemente copia el dist a algún lugar
5. ejecuta
   Leer más →

typescript - ¿Cómo desactivo resolveJsonModule para un solo archivo JSON en una aplicación NextJs?

Estoy construyendo una aplicación en Next.js, desplegando con Vercel. Todo ha estado funcionando bien, hasta que recientemente hice algunos cambios en un archivo JSON grande, lo que aumentó su tamaño en aproximadamente un 20%. El aumento de tamaño parece haber roto algún tipo de límite, y ahora estoy recibiendo errores de Webpack 5, que parecen deberse a la resolución de tipos de TypeScript.

Estoy importando el archivo JSON directamente con un import. Por lo que he podido reunir, parece

Leer más →

reactjs - Cómo pasar un componente de Nextjs con propiedades personalizadas como Children

Para agregar una propiedad Auth a mis componentes. He creado una interfaz

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

Para que pueda desempeñarme

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

Leer más →

reactjs - Cómo almacenar correctamente un JWT en una cookie en React usando NextJS con TypeScript y el hook useContext

El usuario está configurado y persiste en todas las páginas, pero cuando se actualiza la ventana del navegador, el usuario cierra sesión. No estoy seguro si el problema es cómo estoy configurando las cookies, cualquier consejo o alternativa es muy bienvenido.

Aquí el archivo UserContext:

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

Leer más →