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 781 times
Edit
11
Community EvaluationsNo one has reviewed this question yet, be the first!
9
What is the path to the about page in Next.js?8
What are the benefits of using dynamic imports in Next.js?7
How to use Incremental Static Regeneration (ISR) in Next.js to update blog posts periodically after their initial publication.3
Create a NextJS page with a navbar and a footer4
Fetch the product details from the server on every request and cache it.3
Add global middleware to handle authentication across all routes in your application in Next.js2
What's the main new feature of Next.js 13 compared with previous versions?