fetching data using getStaticProps

index.jsx

import React from 'react'
import axios from 'axios'

const index = ({ data }) => {
    return (
        <div>
            {data.map((item, index) => {
                return (
                    <div key={index}>{item.name}</div>
                )
            })}
        </div>
    )
}

const getStaticProps = async () => {
    const response = await axios.get('... some API path...')

    return {
        props: { data: response.data },
        revalidate: 1,
    }
}

export default index
export { getStaticProps }