SSG Next JS Page

ssg.tsx

import { GetStaticPaths, GetStaticProps, NextPage } from 'next';

interface Project {
  title: string;
  id: number;
}

interface IPageProps {
  projects: Project[];
  author: string;
}

const Page: NextPage<IPageProps> = ({ projects, author }) => {
  return (
    <>
      <h1>{author}</h1>
      <div>
        projects.map((project, idx) => (
          <div key={idx}>{project}</div>
        ))
      </div>
    </>
  );
};

export const getStaticPaths: GetStaticPaths = () => {
  // ...
  // ...
  // ...

  return {
    paths: [
      { params: { id: "one" } },
      { params: { id: "two" } },
      { params: { id: "three" } }
    ],
  };
};


export const getStaticProps: GetStaticProps = async (ctx) => {
  // ...
  // ...
  // ...

  return { props: { projects, title: "Cattynip" } }
}

export default Page;