my-next-project/
├── pages/
│   ├── index.js
│   └── about.js
│   └── api/
│       └── hello.js
├── public/
└── next.config.js

my-next-project/
├── pages/
│   ├── index.js
│   └── about.js
│   └── api/
│       └── hello.js
├── public/
└── next.config.js

export default function Home() {
  return (
    <div>
      <h1>Welcome to Next.js</h1>
      <p>This is a statically generated page.</p>
    </div>
  );
}

export default function Home() {
  return (
    <div>
      <h1>Welcome to Next.js</h1>
      <p>This is a statically generated page.</p>
    </div>
  );
}

// pages/index.js
import React from 'react';

export async function getStaticProps() {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();

  return {
    props: {
      data,
    },
  };
}

const Home = ({ data }) => (
  <div>
    <h1>Welcome to Next.js!</h1>
    <pre>{JSON.stringify(data, null, 2)}</pre>
  </div>
);

export default Home;

// pages/index.js
import React from 'react';

export async function getStaticProps() {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();

  return {
    props: {
      data,
    },
  };
}

const Home = ({ data }) => (
  <div>
    <h1>Welcome to Next.js!</h1>
    <pre>{JSON.stringify(data, null, 2)}</pre>
  </div>
);

export default Home;