{
  "results": [
    {
      "path": "/mcu/course/2D動畫實務",
      "id": "2D動畫實務"
    },
    ...
	{
      "path": "/mcu/professor/楊健貴",
      "id": "楊健貴"
    },
    ...
}

const GA_MEASUREMENT_ID = process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS;
return (
<>
<Script
	src={`https://www.googletagmanager.com/gtag/js?id=${GA_MEASUREMENT_ID}`}
	strategy="afterInteractive"
	/>
	<Script id="google-analytics" strategy="afterInteractive">
	{`
	window.dataLayer = window.dataLayer || [];
	function gtag(){window.dataLayer.push(arguments);}
	gtag('js', new Date());
	gtag('config', '${GA_MEASUREMENT_ID}');
	`}
</Script>

// pages/_app.tsx
import type { AppProps } from 'next/app'
import { ChakraProvider } from '@chakra-ui/react'

export default function App({ Component, pageProps }: AppProps) {
return (
		<ChakraProvider>
			<Component {...pageProps} />
		</ChakraProvider>
	)
}