Soy nuevo en nextjs y webdev. He estado siguiendo un par de tutoriales pero todavía tengo una duda. Digamos que tengo esta página:

 // /pages/test/load.js import Link from 'next/link' import Layout from '../../components/layout' import { useRouter } from "next/router"; export default function TestLoad() { const router = useRouter(); const query = router.query; console.log(query.info) // I don't want to show any of this code here, or the return in case queri.info != true. if (query.info == 'true') { console.log('TRUE RETURN') return ( <Layout> <h1>First Post</h1> <h2> <Link href="/"> <a>Back to home</a> </Link> </h2> <p>Some hidden content that I don't want to show to all the users.</p> <p>Blah</p> // Images and more stuff </Layout> ) } else { return ( <> <h1>Nothing to show</h1> <Link href="/"> <a>Back to home</a> </Link> </> ) } }

Si implemento este código con Vercel, por ejemplo, y trato de acceder a http://<some-url>/test/load?info=false , ¿está disponible el código/información para query.info == 'true' ?

Por supuesto, en este caso particular cualquiera puede intentar acceder a http://<some-url>/test/load?info=true y ver el contenido.

Mi idea es tratar de envolver la lógica verdadero/falso en getStaticProps.

Mi idea final es representar un código html diferente dependiendo de los accesorios pasados por getStaticProps.

¡Gracias!