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
Querying data from inside a slice Developing with Prismic slice-machine	13	1704	December 9, 2021
Querying a custom type Developing with Prismic nextjs	3	964	December 9, 2021
How to move throught result pages? Developing with Prismic nextjs	5	945	June 8, 2024
Get data from content relationship in slice on homepage Developing with Prismic nextjs , slice-machine	2	1033	May 17, 2023
Can't get querying other types in a sub directory to work Developing with Prismic slice-machine	13	575	December 9, 2021

Query for full page data using the SliceZone

Related topics