Example of Mastering the Art of Server-Side Rendering with Next.js

ssrpost3.js

import axios from 'axios'

const About = ({ data }) => {
  return (
    <div>
    <h1>About Our App</h1>
    <p>Our app is the best thing since sliced bread.</p>
    <p>Data from API: {data}</p>
    </div>
   )
  }

  About.getInitialProps = async () => {
    const response = await axios.get('https://my-api.com/data')
    return { data: response.data }
}

export default About