getStaticProps and getStaticPaths
Mon Oct 17 2022 08:50:06 GMT+0000 (Coordinated Universal Time)
Saved by
@Jeremicah
#react.js
export const getStaticProps = async (context) => {
const res = await fetch(
`https://jsonplaceholder.typicode.com/posts/${context.params.id}`
);
const article = await res.json();
return {
props: {
article,
},
};
};
export const getStaticPaths = async () => {
const res = await fetch(`https://jsonplaceholder.typicode.com/posts`);
const articles = await res.json();
const ids = articles.map((article) => article.id);
const paths = ids.map((id) => ({
params: { id: id.toString() },
}));
return {
paths,
fallback: false,
};
};
content_copyCOPY
Comments