# Schema markup Prismic Next js - markup with multiples paragraphs (e.g FAQ)
**URL:** https://community.prismic.io/t/schema-markup-prismic-next-js-markup-with-multiples-paragraphs-e-g-faq/11617
**Category:** Developing with Prismic
**Tags:** nextjs
**Created:** [November 14, 2022, 4:47am UTC](https://community.prismic.io/t/schema-markup-prismic-next-js-markup-with-multiples-paragraphs-e-g-faq/11617 "2022-11-14T04:47:07Z")
**Posts on this page:** 1
**Showing post:** 6
### Author:  [@Marving](https://community.prismic.io/u/Marving)
#### Post date: [November 19, 2022, 10:45pm UTC](https://community.prismic.io/t/schema-markup-prismic-next-js-markup-with-multiples-paragraphs-e-g-faq/11617/6 "2022-11-19T22:45:39Z")
[UPDATED SOLUTION]
First of all, I have seen new documentation section about structured data in Next js: [Use Schema.org with Next.js - Documentation - Prismic](https://prismic.io/docs/schema-org-nextjs)
That's great!
On my hand, I have twisted a bit the documentation to make it work:
1. I have created a component named StructuredData:
```auto
import Head from 'next/head';
import Script from "next/script";
export default function StructuredData({ data }) {
return (
);
}
```
1. Then I import this component in the targeted custom type:
```auto
import StructuredData from "../components/seo/StructuredData";
```
1. I create a variable named schema that render the markup:
```auto
// Custom version
const schema = {
"@context": "https://schema.org",
"@type": "FAQPage",
mainEntity: page.data.questions.map((question) => ({
"@type": "Question",
name: prismicH.asText(question.question),
acceptedAnswer: prismicH.asText(question.answer),
})),
};
```
1. Then in the return section of the custom type, i pass the schema const to the StructuredData Component, here's the full code of the custom type:
```auto
import React from "react";
import Head from "next/head";
import Hero from "../components/ui/PillarPages/Hero";
import { SliceZone } from "@prismicio/react";
import * as prismicH from "@prismicio/helpers";
import { createClient } from "../prismicio";
import { components } from "../slices";
import { useRouter } from "next/router";
import StructuredData from "../components/seo/StructuredData";
// FAQ structured data to be done
const Page = ({
metaTitle,
metaDescription,
ogImage,
page,
title,
upperTitle,
description,
}) => {
const router = useRouter();
const currentRoute = router.pathname;
// Custom version
const schema = {
"@context": "https://schema.org",
"@type": "FAQPage",
mainEntity: page.data.questions.map((question) => ({
"@type": "Question",
name: prismicH.asText(question.question),
acceptedAnswer: prismicH.asText(question.answer),
})),
};
return (
{metaTitle}
{/* */}
{/* */}
{/* */}
{/* <-- Twitter Summary card images must be at least 120x120px --> */}
{ogImage && }
{/* */}
{ogImage && }
{page.data.uppertitle && page.data.title && page.data.description && (
)}
);
};
export default Page;
export async function getStaticProps({ params, previewData }) {
const client = createClient({ previewData });
const page = await client.getByUID("pillar_page", params.uid);
return {
props: {
metaTitle: page.data.meta_title,
metaDescription: page.data.meta_description,
ogImage: page.data.og_image.url,
page: page,
title: page.data.title,
upperTitle: page.data.uppertitle,
description: page.data.description,
},
};
}
export async function getStaticPaths() {
const client = createClient();
const pages = await client.getAllByType("pillar_page");
return {
paths: pages.map((page) => prismicH.asLink(page)),
fallback: false,
};
}
```
As I am a Junior Developer, I am sure that there is a DRY way of doing it.
For this first iteration, I am just wondering if there's a way for me to improve the front display when the "answer" of the FAQ has multiple paragraphs or bullet points.
Thanks for the help!
---
_[View the full topic](https://community.prismic.io/t/schema-markup-prismic-next-js-markup-with-multiples-paragraphs-e-g-faq/11617)._