Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Duvida] getStaticProps não executa

E esse console.log dentro de getStaticProps nunca e executado. o codigo está no arquivo BirdInformationScreen.

import { useRouter } from 'next/router';

export async function getStaticPaths() {
  const paths = [{ params: { name: 'Asa-de-sabre-canela' } }];
  return {
    paths: paths,
    fallback: true, // false or "blocking"
  };
}

export async function getStaticProps({ params }) {
  console.log('getStaticProps', params);
  // Aqui você pode acessar params.name para obter o nome da rota
  const name = params.name;

  // Execute sua lógica de carregamento de dados com base em name

  return {
    props: {},
  };
}

export default function BirdInformationScreen() {
  const { query } = useRouter();

  // Renderize os dados aqui com base na query
  return <div>Informações sobre o pássaro: {query.name}</div>;
}

Esse e o link do github: https://github.com/LaryssaGomes/Nextjs-bird

1 resposta
solução!

conseguir resolver o problema essas funções `export async function getStaticPaths() { const paths = [{ params: { name: 'Asa-de-sabre-canela' } }]; return { paths: paths, fallback: true, // false or "blocking" }; }

export async function getStaticProps({ params }) { console.log('getStaticProps', params); // Aqui você pode acessar params.name para obter o nome da rota const name = params.name;

// Execute sua lógica de carregamento de dados com base em name

return { props: {}, };` tem que ta dentro da pasta pages e assim funciona,

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software