javascript - A ligar NextJS, next-i18next, with-redux, with-redux-saga: "Erro: Se tiver um método getInitialProps no seu ficheiro _app.js personalizado..."

Estou a tentar ligar uma aplicação NextJS/React funcional que usa 'with-redux-saga' e 'with-redux' ao 'next-i18n' (https://github.com/isaachinman/next-i18next) -- mas quando a minha aplicação inicia recebo o seguinte erro:

Erro: Se tiver um método

Ler mais →

javascript - Como usar fetch() a partir da pasta pública em NextJS?

Tenho o seguinte cenário de caso de uso. Tenho um web worker dentro do qual preciso buscar uma imagem que está localizada na pasta public do NextJS para a converter em blob.

Neste momento, executar fetch('public/images/myImage.png'); ou fetch('/images/myImage.png');

Ler mais →

javascript - Como obter parâmetros URL ao usar Documento Personalizado no NextJS

Estou a usar NextJS para produzir páginas SSR, e estas páginas são específicas de cada idioma. Gostaria de definir a propriedade lang para declarar o idioma do texto.

Até agora eu tenho:

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

Ler mais →

javascript - Como definir basePath para uma aplicação NextJS exportada estaticamente

Preciso de construir e implementar uma aplicação React/NextJS num servidor Weblogic J2ee com um contexto específico. Tenho alguma experiência em React, mas estou a dar os meus primeiros passos com NextJS.

Atualmente, os passos de construção/verificação são;

javascript - Depuração de endpoints API Nextjs usando VSCode

Atualmente, tenho de encontrar manualmente qual ficheiro (endpoint da API) definir um breakpoint na pasta /api no VSCode.

Eu tenho o seguinte launch.json:

{ "version": "0.2.0", "configurations": [ { "type": "node",

Ler mais →

javascript - Incorporar Script do Calendly no NextJs

Estou a tentar integrar o Calendly no meu projeto Next.js.

Não tenho a certeza, no entanto, de como fazê-lo. Idealmente, eu apenas incorporo-o numa única página (e não em _app ou _document)

Isto é o que eu tenho até agora:

import Script from 'next/script'; import React from 'react'; const Page = (

Ler mais →

javascript - EventSource recebe todos os blocos de uma vez ao transmitir via Nextjs API Routes

Problema

Estou a tentar transmitir dados para o meu React Frontend via EventSources, o que funciona de certa forma. O problema é que recebo todos os blocos de dados de uma só vez em vez de aos poucos. O que meio que derrota

Ler mais →

javascript - Porque é que a pontuação de desempenho de uma aplicação NextJS vazia e por defeito é tão baixa?

Comecei a brincar com o meu primeiro projeto Next.js.

Após criar um novo projeto via create-next-app, executei a aba de desempenho na aplicação web 'Lighthouse' (os resultados podem ser vistos nas abas abaixo). O relatório de desempenho retornou uma pontuação de 79; no entanto, todos os outros testes estavam acima de 90.

Alguém pode explicar-me porque é que estes são os resultados?

O projeto foi recentemente criado e está totalmente vazio, alguém poderia assumir

Ler mais →

javascript - NextJS SSR Dinâmico: False preso em carregamento em Dispositivos Móveis

Problema:

A importação dinâmica do Next JS fica presa no carregamento no navegador de dispositivos móveis (navegadores usados: Google Chrome e Safari no IOS). Enquanto isso, funciona perfeitamente no Google Chrome e no Mozilla no computador. Também estou a usar o next-PWA na configuração padrão. Poderia ser devido ao next-PWA?

Exemplo de Código:

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

Ler mais →

javascript - Aplicação NextJS React com styled component não está a renderizar corretamente: Aviso: A prop `className` não corresponde

Na aplicação NextJS do meu _app.tsx estou a utilizar import Router from 'next/router' para renderizar diferentes estilos de botões de navegação no meu menu superior.

Quando o caminho é / a renderização funciona, no entanto, quando estou em /about a renderização não funciona e recebo o seguinte erro. Mesmo que a lógica booleana esteja a funcionar corretamente.

Erro :

Aviso: A prop className não corre

Ler mais →