express - Não é possível usar NextJs + ExpressJs com TypeScript e Webpack
Quero configurar o ExpressJs com TypeScript para usar IOC com InversifyJS e Nextjs com es6. Também quero usar webpack para empacotar. Como devo importar o Next em server.ts para fazer rendering no lado do servidor, configurei o TypeScript para Nextjs também, mas quero que os ficheiros .js e .jsx na pasta c
Ler mais →reactjs - Convertendo aplicação React Typescript para Nextjs
Sou novo em Nextjs e construí uma aplicação web usando Reactjs + Typescript e quero convertê-la para Nextjs. Estou confuso sobre a estrutura de ficheiros, sobre o que vai aonde e a parte da instalação. A aplicação web atual (Reactjs com Typescript) tem uma base de dados (Postdb) e funcionalidades como:
reactjs - NextJS: Adicionar um novo valor à string de consulta de um asPath existente ou atualizar a string de consulta existente
Estou meio perdido sobre como funciona o sistema de router do NextJS:
Tenho artigos por categorias que podem ser:
Medical Charity Wedding FuneralEstou a ter uma barra de navegação onde o utilizador pode mostrar artigos por categoria, e também pode pesquisar por uma palavra-chave. A funcionalidade de categorias está a funcionar perfeitamente.
É assim que a minha barra de navegação se parece:
Ler mais →reactjs - Por que o setState não funcionou neste caso no NextJS?
Olá a todos! Tenho um problema - setState não funciona na minha aplicação NextJS + TS. Tentei o meu estado através de ReactHooks, mas nada funcionou, transformei o componente em classes, mas nada funcionou. Tentei executar este componente numa aplicação CRA recém-criada sem TS.
Ler mais →typescript - Os parâmetros de query no pathname do Nextjs estão a ser decodificados
Estamos a ingerir alguns dados de uma API onde estamos a usar a URL para navegar pela aplicação. No nosso componente de link estamos a passar uma URL como <Link href={{ pathname: url , someOtherProperty }} /> onde a URL parece /path-to-page?query=value, mas quando vejo no cliente, a
Ler mais →reactjs - Como fazer o Nextjs mostrar erros de tipos do TypeScript ao guardar
Estou a trabalhar num projeto Nextjs com Typescript e noto que os erros de tipo não param a execução da aplicação como outro tipo de erro, isso é um problema para mim, mas é um problema maior uma vez que o TypeError ocorre em tempo de compilação, descobrindo que existem erros de tipo principalmente quando é necessário fazer um deploy.
Existe uma forma de fazer com que os erros de TypeScript bloqueiem a execução da aplicação durante o desenvolvimento? Que config
Ler mais →next.js - Ao construir uma aplicação NextJS num workspace Nx - ocorre o erro: Não é possível encontrar o módulo 'typescript'
Ao criar um novo @nrwl/workspace com uma aplicação Next JS - recebo o erro Erro: Não é possível encontrar o módulo 'typescript'. Alguém está a enfrentar o mesmo problema?
Passos -
- Criar um novo workspace nx
- Criar uma nova App com o Predefinido NextJS
- Construa a aplicação com nx run <app-name>:build
- Gerar imagem a partir de dist/apps/<nome-da-aplicação> ou apenas copiar o dist para algum lugar
- execute Ler mais →
typescript - Como desativo resolveJsonModule para um único ficheiro JSON numa aplicação NextJs?
Estou a construir uma aplicação Next.js, a implementar com o Vercel. Tudo tem estado a funcionar bem, até que recentemente fiz algumas alterações num grande ficheiro JSON, o que aumentou o seu tamanho em cerca de 20%. O aumento de tamanho parece ter quebrado algum tipo de limite, e agora estou a receber erros do Webpack 5, que parecem ser devido à resolução de tipos do TypeScript.
Estou a importar o ficheiro JSON directamente com um import. Pelo que consegui apurar, parece que a opção r
Ler mais →reactjs - Como passar um Componente Nextjs com propriedades personalizadas como Filhos
Para adicionar uma propriedade Auth aos meus componentes. Eu criei uma interface
interface AuthAppProps extends Omit<AppProps, "Component"> { Component: AppProps["Component"] & { Auth: boolean }; }Para que eu possa desempenhar
const App: React.FC<AuthAppProps> = (props) =>{ const { Component, pageProps: { session, ...pageProps }, } = props; return ( <SessionProvider session= Ler mais →reactjs - Como armazenar corretamente um JWT num cookie em React usando NextJS com Typescript e o hook useContext
O utilizador é definido e persiste em todas as páginas, mas quando a janela do navegador é atualizada, o utilizador é encerrado. Não tenho a certeza se o problema está na forma como estou a definir os cookies, qualquer conselho ou alternativa é muito bem-vindo.
Aqui está o ficheiro UserContext:
import { destroyCookie } from "nookies"; import { setCookie } from "nookies"; import React from "react"; // import { useCookies } from Ler mais →