Hello, I'm building a course platform using Primsic with Slice Machine, Next JS and GraphQL. I have two questions, the first one regarding my approach on content modeling and the other on querying data from other document inside the home page. I plan to display a two level Mega Menu where people wi…

Hey @jprzpam , Welcome to the Prismic community, and thanks for posting this question! I'm going to try to answer one thing at a time. Content Modeling If you basically want to create a "tag" or category" field, you can see some information on how to do that with Content Relationships, here: …

Hi @samlittlefair ! Thank you for your help. I might stick with the multi select for now :wink: I did this to fetch the HomePage Slices and the course documents export default function Home({ homepage }) { return <SliceZone {...homepage} resolver={resolver} /> } export const getStaticProps = asy…

Hi @jprzpam , Can you explain more about your project structure? Where are you using the SliceZone that is appearing empty? Here are the docs on how to query Slices in GraphQL. Let me know if this helps you with building your query. [image] Retrieve slice content from the Prismic GraphQL …

This is my project structure: [Screen Shot 2021-09-22 at 17.46.13] components/shared/CourseSelect ➜ The component that will display the MegaMenu for the Courses. pages/index ➜ Here I show the HomePage custom type and plan to fetch all the courses and send them as props to CouseSelect Component…

Hi Juan, This helps a lot. Thanks for explaining. I think you should be able to accomplish what you want using the Slice Zone's sliceProps prop. More info here . Let me know if that helps. Sam

Hi Sam, thank you for the help! I think what you shared should help me pass props to the specific component. However I'm still unsure on how to get both; the slices and the CourseSlice props in one query. As I said before I tried fetching like this: export default function Home({ homepage }) { r…

Hey @jprzpam , I see that you're spreading your props to the SliceZone component. Instead, trying passing the body property from the homepage argument to the slice prop of the SliceZone and your sliceProps separately. <SliceZone resolver={resolver} sliceProps={courses} slices={homepage.data.body} />…

Hey @samlittlefair , That seems to have done it! Thank you so much for your help! I only have one question left regarding this matter and is about the graphQL query. You mentioned earlier on this thread that I could use a GraphQuery like this to fetch slices plus documents: query{ allHomepages {…

Hi @jprzpam , That's great! I'm glad it's working. I can try to look at your GraphQL API to see if I can figure out the syntax. Can you let me know your repo name? (You can send it in a DM if you don't want to share it publicly.) Sam

Query multiple documents inside home page

Developing with Prismic

Topic		Replies	Views
Reuse slice with same data in two diffetent documents Developing with Prismic slice-machine	12	2313	August 30, 2022
Get Linked Document from a Slice in a Custom Type [Unable to find body in homepage] Developing with Prismic product-feature-idea , slice-machine	14	1373	August 17, 2022
Query slice with graphql and use it in the SliceZone Developing with Prismic graphql	5	1497	January 28, 2022
Get data from content relationship in slice on homepage Developing with Prismic nextjs , slice-machine	2	1138	May 17, 2023
Get data from other custom types in a slice Developing with Prismic nextjs	11	2492	December 8, 2022

Query multiple documents inside home page

Related topics