// /pages/index.js
...(생략)
export default function Home({ results }) {
const router = useRouter();
const onClick = (id, title) => {
router.push(`movies/${title}/${id}`);
};
...(생략)
// /pages/movies/[...params].js
import { useRouter } from "next/router";
export default function Details() {
const router = useRouter();
const [title, id] = router.query.parmas || [];
// console.log(router);
return (
<div>
<h4>{title}</h4>
</div>
);
}
// /pages/movies/[...params].js
import { useRouter } from "next/router";
import Seo from "../../components/Seo";
export default function Details({ params }) {
const router = useRouter();
const [title, id] = params || [];
// console.log(router);
return (
<div>
<Seo title={title} />
<h4>{title}</h4>
</div>
);
}
export function getServerSideProps({ params: { params } }) {
// console.log(params);
return {
props: {
params,
},
};
}
노마드코드 NextJS 시작하기