Get hostname through headers on the server side in next.js
page.tsxTSX
page.tsx
import { headers } from "next/headers";
export function page() {
const headersList = headers();
const hostname = headersList.get("x-forwarded-host");
return <pre>{hostname}</pre>;
}
Updated: 6/13/2025