HEADERS NEXT.JS

Olá pessoas. Então to desevolvendo um mini sisteminha usando NEXT.js v14. O problema é que eu faço uma requisição http no lado do cliente e preciso pegar, dessa requisição, um header que retorna da requisição. Eu sei que por padrão o NEXT.js não expõe os headers para o lado do cliente e queria saber se seria possivel expor um header expecífico ou, se não, todos mesmo.

BrunoAseff há 7 meses

Você pode usar a função getServerSideProps do next pra fazer a requisição no servidor e depois passar os dados para a página como props.

// Na sua página (por exemplo, pages/index.js)
import { useEffect, useState } from 'react';
import axios from 'axios';

function HomePage({ headerData }) {
  // Use o headerData conforme necessário na sua página
  return (
    <div>
      <h1>Header Data: {headerData}</h1>
    </div>
  );
}

export async function getServerSideProps() {
  // Faça a requisição HTTP aqui e pegue o header desejado
  const response = await axios.get('sua-url');
  const headerData = response.headers['seu-header'];

  // Retorne os dados como props
  return {
    props: {
      headerData
    }
  };
}

export default HomePage;

Nessa parte da documentação do Next eles dão mais detalhes sobre a função

jotapeew há 7 meses

oi irmao, tudo certo? Entao, eu to usando a versao 14 app router, e ai nao tem essa funcao so esta presente na 12 pra baixo, na pages router. Tentei fazer por server action, mas o tamanho maximo dos arquivos que podem ser mandados é 4.5MB, e eu precisaria de 5MB

BrunoAseff há 7 meses

Putzz, não sabia dessa! Ainda não tive coragem de migrar pro app router… nessa situação não sei como fazer mesmo :/