starter/src/pages/layouts/left-sidebar/index.tsx

import {GetServerSideProps, NextPage} from 'next'
import Template from '../../../components/templates/LeftSidebarLayout'
import {POPUP, QUERY, SUBPAGE} from '../../../utilities/queryKeys'
import {USER} from '../../../utilities/popups'
import {SIDEBAR} from '../../../utilities/subpages'

type Props = {
	query: string
	subpage: string
}

const Page: NextPage<Props> = ({query, subpage}) => {
	return (
		<Template
			subpage={subpage}
			query={query}
			userLinkLabel="User"
			searchQueryKey={QUERY}
			searchLabel="Search"
			searchHint="e.g. keywords, names&hellip;"
			popupQueryKey={POPUP}
			userPopupQueryValue={USER}
			menuLinkLabel="Menu"
			subpageQueryKey={SUBPAGE}
			sidebarSubpageQueryValue={SIDEBAR}
		/>
	)
}

export default Page

export const getServerSideProps: GetServerSideProps = async (ctx) => {
	const {[QUERY]: query = '', [SUBPAGE]: subpage = null} = ctx.query
	return {
		props: {
			query,
			subpage,
		},
	}
}