Easy
In a Next.js application in Page Router, you have a getStaticProps function in a blog.js file in the pages directory. What is this function for in this context?
// pages/blog.js
export async function getStaticProps(){
const posts= await fetchBlogPosts()
return{
props:{ posts },
};
}
export default function Blog({ posts }){
return(
<div>
{posts.map(post=><div key={post.id}>{post.title}</div>)}
</div>
);
}
Author: AnasStatus: PublishedQuestion passed 184 times
Edit
Similar QuestionsMore questions about Next JS
5
How to use the useSWR hook in Next.js to fetch data from an API?4
What is the path to the about page in Next.js?1
What are the benefits of using dynamic imports in Next.js?1
Fetch the product details from the server on every request and cache it.1
The `redirect` function sends a temporary redirect (HTTP 307), suitable for temporary state changes, such as redirecting an unauthenticated user to the login page.