Render a Rich Text (Blocks) Field in React 🚀 Strapi Course #9

Strapi includes a rich text (blocks) field type which when retrieved with the REST API or GraphQL, returns an array of objects. The objects are "blocks" which have a type and inner content, but rendering them is not that trivial. To render them in a React environment, the Strapi team have built the block-react-renderer libary which provides an excellent React plugin. In this video I will demonstrate how to use the Block React Renderer plugin to render the content of a blog post type in a Next.js application.

strapi/blocks-react-renderer - GitHub:
https://github.com/strapi/blocks-reac...

@tailwindcss/typography - TailwindCSS Docs:
https://tailwindcss.com/docs/typograp...

Contents:
0:00 Introduction
0:34 Create a Blogs Content Type
4:10 Retrieve the Blog with the REST API
5:52 The Blocks React Renderer Libary
6:42 Create a Next.js App
8:43 Install and Use the Blocks React Renderer
10:30 Fetch the Blog Post from Strapi
11:57 Render the Blog Post Content
12:39 Using the Tailwind Typography Plugin
14:12 Conclusion

Social Media:
Email: [email protected]
Twitter:   / nikelaz  
LinkedIn:   / nikola-lazarov  

#strapi #course #richText #headless #cms