para el contexto, estoy en una carpeta en páginas en un archivo llamado [id].jsx. ¿Cómo obtengo accesorios de getServerSide para devolver el nombre de la página ex /page/id123? Quiero que devuelva id123.
import Link from 'next/link'; import React from "react"; export default function Global() { console.log(context) const address = useAddress(); const disconnectWallet = useDisconnect(); while (address) { return ( <Link href="/"> <a className="absolute pt-1 text-xl font-semibold transform -translate-x-1/2 top-1/2 left-1/2"> Click Here To Login</a> </Link> </> ); } export function getServerSideProps(context) { console.log("context: ", context.params) return { props: {context}, } }Dado que su página dinámica se llama [id].jsx , puede acceder a esa id en su getServerSideProps con: context.params.id .
export function getServerSideProps(context) { return { props: {id: context.params.id}, } }Luego en tu componente:
export default function Global({ id }) { console.log(id); ... } También puede acceder a él utilizando el objeto de router que proviene del enlace useRouter de useRouter :
export default function Global() { const router = useRouter(); const { id } = router.query; console.log(id); ... }Puede usar ctx.resolvedUrl . Devolverá lo que desea o podrá analizar la parte necesaria