Skip to content

Instantly share code, notes, and snippets.

What would you like to do?
This code snippet is an example of using getStaticProps to pre-render a React application page. This code snippet is from the article originally published on RubyGarage’s blog:
function Blog({ posts }) {
// Render posts...
// This function gets called at build time
export async function getStaticProps() {
// Call an external API endpoint to get posts
const res = await fetch('https://.../posts')
const posts = await res.json()
// By returning { props: posts }, the Blog component
// will receive `posts` as a prop at build time
return {
props: {
export default Blog
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment