Query for full page data using the SliceZone

tadam · May 20, 2021, 3:53pm

Hi, I am attempting to render a list of blog posts on our homepage. I am using SlizeZone to retrieve the list of articles. The data returned Is very minimal in the "articles_to_list" and I am unsure how to retrieve the full data so I can display the image, title, short description etc... I have a workaround using .getByUid but I'm hoping there is a cleaner way.

Thank you!

Tom

Phil · May 24, 2021, 10:44am

Hi Tom,

Can you tell me are you using Next.js or Nuxt.js?

Thanks.

tadam · May 25, 2021, 4:54pm

We are using next.js

Phil · May 25, 2021, 5:07pm

For querying a list od documents and getting all their data then you're better using the @prismic/client and querying by type:

Like we do in our Next.js blog example:

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

Otherwise you'll want to use Fetchlinks or GraphQuery (Fetchlinks V2), but for this make sure you're using the latest version of the next-slicezone package (0.1.0-alpha.0), which changes how values from the parameters are called. Learn more about next-slicezone's Lifecycle hooks.

To install this run npm install next-slicezone@0.1.0-alpha.0

system · June 10, 2021, 3:02pm

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

Topic		Replies	Views
Get data from content relationship in slice on homepage Developing with Prismic nextjs , slice-machine	2	672	May 17, 2023
Query content relationship inside slice in repeatable zone Developing with Prismic nextjs	13	3294	January 17, 2024
Query linked content in nested page slice Developing with Prismic nextjs , graphquery , custom-types-api	5	689	October 28, 2022
Get data from other custom types in a slice Developing with Prismic nextjs	11	1681	December 8, 2022
Last three Blog Articles published - Help crafting the query Developing with Prismic nuxtjs	15	1520	December 9, 2021

Query for full page data using the SliceZone

Related Topics