API側のデータが更新されていたらVercelでホストしているNext.jsプロジェクトを自動buildしたい

Question

前提・実現したいこと

ヘッドレスCMSとNext.jsでブログサイトを作成しています。
Next.jsを公開した後（build）に、CMSにコンテンツを追加すると、追加されたコンテンツのページが生成されません。

ページ一覧画面（index.tsx）では、追加されたデータが表示されるのですが、リンク先が生成されていないため遷移しようとすると404エラーが発生します。ちなみに、getStaticPropsではなく、useSWRを使ってコンテンツを取得しています。

ヘッドレスCMS（セルフホスティング）は、renderでホストしています。
Next.jsはvercelでホストしています。

Next.js側の[slug].tsxのコードは下記のようになっています。

page/[slug].tsx

import { GetStaticProps, GetStaticPaths } from 'next'
import { Layout } from '../../components/templates/Layout'
import { getSinglePost, getPosts } from '../../lib/cms'
import { Blog } from '../../components/pages/Blog';

  ...

const PostPage = (props: BlogProps) => {
  return (
    <div>
      <Layout>
        <Blog post={props.post} />
      </Layout>
    </div>
  )
}

export const getStaticProps: GetStaticProps = async (context: any) => {
  const post = await getSinglePost(context.params.slug)

  if (!post) {
    return {
      notFound: true,
    }
  }

  return {
    props: { post }
  }
}

export const getStaticPaths: GetStaticPaths | any = async () => {
  try {
    const posts =  await getPosts()
    const paths = posts.map((post) => ({
      params:  {slug: post.slug}
    }))
  
    return { paths: paths, fallback: false }
  } catch (err) {
  }
}

SSRにしたほうがいいのでしょうか。

CMS側のコンテンツが追加されたときに、Next.jsのほうで自動buildさせることは可能でしょうか

Answer 1

この記事で解決できそうです。
https://qiita.com/thesugar/items/47ec3d243d00ddd0b4ed