sharad-s/[handle].js

## [handle].js
// Components
import ProfilePage from 'components/Pages/Profile'

import Head from 'next/head'
import { getUserByHandle } from "utils/api/user"

const Profile = ({ user }) => {
    console.log({user})
    return (
        <>
        {/*
           <Head>
                <title>{user.handle}</title>
                <meta property="og:title" content={`${user.name}`} key="title" />
                <meta name="og:description" content={`${user.name} on Catalog.`}></meta>
                <meta property="og:image" content={`${user.picture_uri}`} />
            </Head>
         */}
            <ProfilePage foundProfile={user} />
        </>
    )
}


export const getStaticPaths = async () => {
    return {
        paths: [],
        fallback: true,
    }
}


export async function getStaticProps({ params }) {
    const { handle } = params
    try {
        const user = await getUserByHandle(handle, { minimal: true })
        if (!user) {
            return {
                props: {},
                notFound: true,
                revalidate: 10
            }
        }
        return {
            props: { user },
            notFound: false,
            revalidate: 10
        }
    } catch (err) {
        return {
            props: {},
            revalidate: 10,
            notFound: true
        }
    }
}

export default Profile
	// Components
	import ProfilePage from 'components/Pages/Profile'

	import Head from 'next/head'
	import { getUserByHandle } from "utils/api/user"

	const Profile = ({ user }) => {
	console.log({user})
	return (
	<>
	{/*
	<Head>
	<title>{user.handle}</title>
	<meta property="og:title" content={`${user.name}`} key="title" />
	<meta name="og:description" content={`${user.name} on Catalog.`}></meta>
	<meta property="og:image" content={`${user.picture_uri}`} />
	</Head>
	*/}
	<ProfilePage foundProfile={user} />
	</>
	)
	}


	export const getStaticPaths = async () => {
	return {
	paths: [],
	fallback: true,
	}
	}


	export async function getStaticProps({ params }) {
	const { handle } = params
	try {
	const user = await getUserByHandle(handle, { minimal: true })
	if (!user) {
	return {
	props: {},
	notFound: true,
	revalidate: 10
	}
	}
	return {
	props: { user },
	notFound: false,
	revalidate: 10
	}
	} catch (err) {
	return {
	props: {},
	revalidate: 10,
	notFound: true
	}
	}
	}

	export default Profile