next.jsのファンクションの実行タイミング

Question

indexファンクションはいつ実行されているのでしょうか？
pythonの経験は多少あるのですが
明示的に関数を呼び出せずにこれだけで
外部のデータを描画できるのでしょうか？

export default function index({ posts }) {
  return (
    <div>
      <h1>POST一覧</h1>
      <ul>
        {posts.map((post) => {
          return <li key={post.id}>{post.title}</li>;
        })}
      </ul>
    </div>
  );
}

export async function getServerSideProps() {
  const res = await fetch(`https://jsonplaceholder.typicode.com/posts`);
  const posts = await res.json();
  console.log(posts);
  return { props: { posts } };
}