Perguntas com a tag "next.js"

0

nomenclatura "id.jsx" em vez de "[id].jsx" para roteamento dinâmico com Next.js

Eu estou tentando servir a meus next.js AWS Lambda serverless. e eu tenho encontrado problemas sobre roteamento dinâmico. Meu diretório é como abaixo. pages -courses -[id].jsx -index.jsx -index.jsx Ele funciona bem no meu servidor local....
0

NextJs :pid rotas

Alguém sabe o que é o exportPathMap: (next.config.js) para NextJS de um caminho que tem um :pid? Meu expotPathMap exportPathMap: async (defaultPathMap) => { return { '/': { page: '/', query: {} }, '/login': { page: '/login', query: { ver...
1

Oauth2 Google fluxo de Autenticação - Next.JS / Express

Eu estou usando um React/Next.Js Frontend e estou tentando implementar a autenticação com o Oauth2 estratégia com o Google. Eu estou muito confuso com o processo. Atualmente no cliente, eu tenho um login do Google no componente que tem um ID de C...
1

Existe alguma maneira podemos acessar localStorage e cookie armazenado e o nome do caminho no próximo js no lado do servidor de renderização?

Eu queria usar localStorage ou cookies no RSS do próximo fórum. como objeto de janela não está disponível em SSR como posso aceder?
0

Como enviar dados de um componente para outro em nextjs

Eu estou trabalhando em nextjs.Eu componente de cabeçalho e a fim de mostrar o cabeçalho em todas as outras páginas ,overrided app.js com _app.js .Cabeçalho tem 2 link de navegação usersList e usuários. Agora eu quero enviar dados do componente de ca...
2

Próximo JS Personalizado aplicativo de Servidor.compor não passam de consulta para um componente

Eu estou tentando passar o userData app.render, mas, enquanto do lado do Servidor de renderização router.query é vazio, apesar de eu ter passado userData! É NextJS do erro, ou estou fazendo algo errado? app.js: const { createServer } = require('htt...
0

Qualquer Material UI tema sensível disponíveis compatível com a próxima js

Eu tenho que implementar o meu projeto de funcionalidade em um tema sensível. Então, por favor me sugerir um material UI tema sensível compatível com a próxima js. Obrigado.
1

Importação node_module plugin css para a próxima js projeto

Aqui, eu estou tentando importar o plugin e css como este import IntlTelInput from 'react-intl-tel-input'; import 'react-intl-tel-input/dist/main.css'; Neste caso, o css não irá carregar. Quando eu faço assim: import IntlTelInput from 'react-in...
1

Axios chamada de api retorna não encontrado erro na reactjs

Estou solicitando pós axios chamada com 2 parâmetros. export const getUser = (page,Type) => { axios.post(APIURL.apiURL, { page: page, auth: Type }, { headers: { 'Access-Control-Allow-Origin': '*...
0

CRA - Dinâmica redux-conversão do AppState tipo de falha como "desconhecido"

Estou passando por um NextJS projeto para Criar-Reagir-App. Mais tarde, o tipo dinâmico do AppState lança como "desconhecido". Note que ambos os projetos têm as mesmas versões de : Transcrito: 3.5.3 Reagir: 16.9.0 Redux, Redux-Conversão, Reagir-Re...
0

Posso adicionar uma propriedade ou estado para o Próximo JS Roteador como Reagir durante o Percurso?

Gostaria de saber se é possível adicionar um estado dentro de um Roteador.roteador link usando Next.JS. Eu sei como lidar com roteador.consulta, mas eu não quero mostrar o estado em que a consulta.
1

Nextjs + expressjs + Azure Web App : a autenticação de dois fatores com expressa ("fs" não pode ser usado no lado do cliente)

Pilha : avançar.js/express.js/typescript/nodemon Eu tenho uma dependência no azure devops api que parece estar usando " fs " sob o capô. Então eu não posso usar esta biblioteca em qualquer uma das páginas (incluindo getInitialProps). Eu criei uma ro...
0

Como gerar chaves para compor objetos em jsx next.js (no lado do servidor) da função iteradora como ES6 .mapa?

Quero migrar meu reagir aplicativo next.js app, e há um problema com as chaves. Na minha reagir aplicativo eu tenho um monte de comopnents que a utilização de ciclos a processar o conteúdo, e as chaves que eu tinha de passar a eles foram criados por ...
0

Assinatura Do Problema : Reagir - GraphQL Yoga Server - Apollo Cliente [Ajuda]

Eu sei de antemão que o meu pedido é complicado. Eu estou olhando para criar uma "conversa em tempo real do sistema" na minha aplicação. Eu uso Next.JS / graphql-yoga (server express) com o Prisma e o Apollo Cliente (frontend). Minha aplicação já é...
0

Como redirecionar um Next.js aplicativo em execução em um servidor separado do back-end server express?

Eu tenho 2 casos, um frontend de execução como Next.js / Reagir em um servidor e uma Express em execução em um servidor separado. Eu sou capaz de fazer Axios HTTP solicitações entre os dois. Mas o meu problema é que estou tentando implementar a aut...
0

"Não é possível ler a propriedade de indefinido" de ser jogado por reagir-apollo usado com a Reagir-NextJS

Meu NextJS projeto foi me dando uma angústia Gráfico QL estes dias. Estou tentando implementar um Apollo cliente solução para recuperar dados a partir de um remoto GraphQL server em um componente personalizado. Mas não importa qual a solução que eu t...
0

NextJS/Reagir : não esperava HTML do servidor para conter um <div> no <div>

Eu não sei por que, mas eu tenho esse erro no meu Next.JS projeto: "não esperava HTML do servidor para conter-se ." Eu seleção de todas as soluções no StackOverflow e outros sites, mas sem nenhuma resposta,:/. Aqui você pode reproduzir este erro : ...
0

Next.js o link não compor com a página rolada no topo

Eu tenho um componente, como por exemplo: const Milestone = props => { const { path, disabled, index, ...rest } = props; if (disabled) return <MilestoneCheck disabled />; return ( <Link href={path} passHref> <a>...
0

Utilizando scripts de terceiros next.js cabeça com eventos de clique

Estou tentando usar Selly.gg do lightbox script que será de carga de um modal, uma vez que um botão com um atributo de dados é clicado. https://selly.gg/help/article/embed-a-product-on-a-website Usando next.js, eu estou adicionando este em _documen...
2

Método retorna cedo, antes Axios retorna dados obtidos em reactjs

Eu sou a obtenção de dados a partir do servidor usando axios.método post, mas ele retorna .Eu tenho usado async e await, mas os dados não são atualizados apiService.js export const getAppAuthUser = async (page, authorizedType) => { await a...
0

A migração do existente Express server para NextJS

Para começar, eu, ingenuamente, copiou os middlewares que expressam o uso do servidor para o Próximo como um servidor personalizado, que é um pouco funciona, exceto que os middlewares são chamados para cada solicitação chegando inclusive para /estáti...
0

Como verificar se as imagens carregadas na AWS S3 e obtê-lo através do url na tag <img>

Na minha reactjs/nextjs/serverjs projeto I upload de imagens, quando eu criei alguns itens, depois de criar um elemento de eu fazer o redirecionamento para a página de detalhes. Ele tem controle deslizante com essas imagens. Mas eu acho que, esses ca...
0

Como resumo graphQL consulta do componente?

Eu tenho um NextJS projeto com um bare-bones <PostList /> componente onde eu recuperar alguns dados de teste a partir de um GraphQL server usando o react-apollo módulo: import { gql, graphql } from "react-apollo"; import withData from "../../a...
0

Como adicionar um novo cabeçalho de autorização para Apollo cliente Reagir dentro de um componente?

Como posso adicionar um token para um Apollo cliente cabeçalho de autorização de reagir dentro de um componente? Eu tenho uma função de login que passa um Google código de autorização para o back-end, recebe um token criptografado e quero adicionar...
0

Como eu posso usar o meu plugin jquery em Next.js?

eu estou desenvolvendo web app usando Next.js e eu gostaria de usar jQuery em Next.js. Mas eu não posso importar o plugin para jquery. por favor, verifique o código e me Ajudar. import React from 'react'; import Document, { Head, Main, NextScript }...