fetching data using getServerSideProps

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 getServerSideProps = async () => {
    const response = await axios.get('... some API path...')

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

export default index
export { getServerSideProps }