Prismic and next's demo

index.js

import { getPage } from '../api/prismic'

import Homempage from '../components/Homepage'

const Index = ({ page }) => <Homepage {...page} />

// to generate props during build time,
// can be replaced with getServerSideProps
Index.getStaticProps = async () => {
  const page = await getPage('support')

  return {
    props: {
      ...page
    }
  }
}

export default Index

prismic.js

import Prismic from 'prismic-javascript'

const PRISMIC_API_URL = `https://XXXXXXX.cdn.prismic.io/api/v2`

export const getPage = async (page) => {
  try {
    const API = await Prismic.api(PRISMIC_API_URL)
    const res = await API.getSingle(page, {
      // used to reference fields within linked content
      // for example when connecting an article (different post type)
      // in a homepage, you can reference the article title (disabled by default)
      fetchLinks: ['article.title', 'article.subtitle', 'article.slug'],
    })

    return {
      status: 200,
      page: res,
    }
  } catch (error) {
    return {
      error: error,
    }
  }
}