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

import {GetServerSideProps, NextPage} from 'next'
import Template from '../../../components/templates/LeftSidebarLayout'

type Props = {
	query: string,
}

const Page: NextPage<Props> = ({
	query,
}) => {
	return (
		<Template
			query={query}
		/>
	)
}

export default Page

export const getServerSideProps: GetServerSideProps = async (ctx) => {
	const { q: query = '', } = ctx.query
	return {
		props: {
			query,
		}
	}
}