Next.js

import { NextRequest, NextResponse } from 'next/server'

export async function GET(
  _req: NextRequest,
  { params }: { params: { cpf: string } }
) {
  const res = await fetch(`https://api.cpfhub.io/cpf/${params.cpf}`, {
    headers: { 'x-api-key': process.env.CPFHUB_API_KEY! },
    next: { revalidate: 0 },
  })

  const body = await res.json()

  if (!res.ok) {
    return NextResponse.json(body, { status: res.status })
  }

  return NextResponse.json(body)
}

// app/usuario/[cpf]/page.tsx
async function getCpf(cpf: string) {
  const res = await fetch(`https://api.cpfhub.io/cpf/${cpf}`, {
    headers: { 'x-api-key': process.env.CPFHUB_API_KEY! },
    cache: 'no-store',
  })

  if (!res.ok) return null
  return res.json().then((r) => r.data)
}

export default async function Page({ params }: { params: { cpf: string } }) {
  const data = await getCpf(params.cpf)
  if (!data) return <p>CPF não encontrado.</p>

  return (
    <div>
      <p>{data.name}</p>
      <p>{data.birthDate}</p>
    </div>
  )
}