import Head from "next/head"; import { getProfileData } from "../../fetchData/getProfileData"; export default function SSRPage({ data }) { const { username, profile } = data; return (

Next.js w/ Firebase Client-Side

Next.js w/ Firebase Server-Side

{username}

{profile.message}

); } export const getServerSideProps = async ({ params }) => { const { username } = params; const profile = await getProfileData(username); if (!profile) { return { notFound: true }; } return { props: { data: { username, profile } } }; };