I'm fetching page content and blog posts, should I make two calls to Prismic?

jsc · May 6, 2021, 4:22pm

Hi,

I need to get the page copy for my blog page (single type: blog_index) and a bunch of blog posts to display (repeatable type: blog_article). I'm building the blog in Next.js, which means I'm making these API calls in my getStaticProps function.

Right now I'm making two call to Prismic to get the blog_index page and then all the blog_article pages separately. I feel like two calls is unnecessary to Prismic and might slow down the load time of the page, but if I'm querying them together (e.g. Prismic.Predicates.at('document.type', ['blog_index', 'blog_article']) then blog_index becomes lost in a sea of results with documents (blog posts) and might not even show up on page one of results.

Is there a better way of separating the two, making sure I always get blog_index no matter what while still making only one call to Prismic or should I continue to make two separate calls to the Prismic API?

Phil · May 7, 2021, 3:29pm

Hi Team,

Welcome to the community!

Like you said the best way is to do 2 queries as we do in our Next.js blog example homepage.

github.com

prismicio/nextjs-blog/blob/master/pages/index.js

import React from "react";
import Head from "next/head";
import Prismic from '@prismicio/client'
import { RichText } from "prismic-reactjs";

// Project components & functions
import DefaultLayout from "layouts";
import { Header, PostList, SetupRepo } from "components/home";
import { Client } from "utils/prismicHelpers";

/**
 * Homepage component
 */
const Home = ({ doc, posts }) => {
  if (doc && doc.data) {
    return (
      <DefaultLayout>
        <Head>
          <title>{RichText.asText(doc.data.headline)}</title>
        </Head>

This file has been truncated. show original

Thanks.

system · May 8, 2021, 3:30pm

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Pagination blog post category Developing with Prismic nextjs	6	2054	December 9, 2021
Pagination on articles using nextjs Developing with Prismic	6	467	April 29, 2023
Nextjs static blog with pagination - using Prismic Developing with Prismic nextjs	18	7698	December 9, 2021
How to move throught result pages? Developing with Prismic nextjs	5	945	June 8, 2024
Query for full page data using the SliceZone Developing with Prismic nextjs	5	527	December 9, 2021

I'm fetching page content and blog posts, should I make two calls to Prismic?

Related topics