Sobes.tech
Middle

Com que intensidade trabalhas com Next.js? Quais recursos usas?

sobes.tech IA

Resposta da IA

Trabalhei com Next.js em projetos de dificuldade média a alta. Uso as seguintes funcionalidades:

  • SSR (Renderização do lado do servidor) para melhorar o SEO e uma renderização inicial rápida.
  • Geração estática (SSG) para páginas com conteúdo que muda pouco, o que acelera o carregamento.
  • Rotas API para criar endpoints de backend diretamente no projeto.
  • Roteamento dinâmico para facilitar a criação de páginas com parâmetros.
  • Otimização de imagens com o componente <Image> para otimização automática de imagens.
  • Uso de getStaticProps e getServerSideProps para carregar dados na fase de build ou na requisição.

Exemplo de uso de getStaticProps:

export async function getStaticProps() {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();
  return { props: { data } };
}

function Page({ data }) {
  return <div>{data.title}</div>;
}

export default Page;