Hello Running my first project with Prismic so forgive me if this was documented somewhere. I couldn't find the right information for it! So I know that we can generate all our slices onto our page with slicemachine using <SliceZone {...props} resolver={resolver} /> that works fine. but what if …

If you need add all custom slices before or after slice zone you can do something like this. const Page = props => ( <> // Header is before SliceZone <Header {...} /> <SliceZone {...props} resolver={resolver} /> // Footer is after SliceZone <Footer {...}/> </> ) All you nee…

Hello thanks for the reply. However, what I meant to say is to check within the slice zone for a particular slice and add content after it before rendering the rest of the slices. I also realise this is quite an anti-pattern so while I'd still like to figure this out I'm also looking for another de…

Hey Ashley, Like you've seen this isn't possible. The only way to do this would be to have a placeholder Slice, which you can use to pull in your non-Prismic component. What is the exact type of content you wish to insert? Thanks.

How to insert custom content between slices in component?

Developing with Prismic

Topic		Replies	Views
Output separate slices Developing with Prismic nextjs , slice-machine	5	95	August 26, 2024
How to use Slice in component. Next.js Developing with Prismic nextjs , slice-machine	1	232	June 5, 2024
How to add slices between texts in a blog post? Developing with Prismic slice-machine	6	697	August 11, 2022
Repeatable Type - Accessibility of slices on Prismic (some yes, other not) Developing with Prismic	4	422	November 2, 2022
Integrate two lists of elements within a slice Developing with Prismic	6	574	May 18, 2022

How to insert custom content between slices in component?

Related topics