export async function getStaticProps({ params: { slug } }) {
  if (slug[0] === 'delayby3s') {
    await new Promise(resolve => setTimeout(resolve, 3000))
  }

  return {
    props: {
      slug,
    },
    unstable_revalidate: 1,
  }
}

export async function getStaticPaths() {
  return {
    paths: [
      { params: { slug: ['first'] } },
      '/catchall-explicit/second',
      { params: { slug: ['another', 'value'] } },
      '/catchall-explicit/hello/another',
    ],
    fallback: false,
  }
}

export default ({ slug }) => {
  // Important to not check for `slug` existence (testing that build does not
  // render fallback version and error)
  return <p id="catchall">Hi {slug.join(' ')}</p>
}