Content-Types Builder 101
summary
Builds a reusable component library in Strapi v3: creates a link component (href, label, target), a navigation made of panels/sections/pushes, a hero slice with image/text/buttons, and a features collection used via a one-to-many relational field. Uses nested components, dynamic zones called slices, and direct JSON edit workaround to add deeply nested components. Shows Next.js fetching by type/slug, fixes a 403 by enabling public GET (find) on homepage/global, publishes content and confirms pages render correctly.
AI-written summary · about
chapters (17)
- 0:00Intro
- 0:32Welcome
- 1:25Link Component
- 3:18Navigation
- 8:00Single Component
- 9:56Hero Component
- 11:30Button Component
- 12:22Hero
- 13:40Global
- 15:29Slices
- 16:32Blank Page
- 18:27Home Page
- 20:48Add Slice
- 22:03Create Slice
- 24:45Universal Collection Type
- 25:21Universal Pages
- 27:46conclusion
related talks
28mBest Practices with Strapi, Next.js, and v0
30mAce any design in Drupal - layout tools and components in your site-building toolbox
43mHow to build your reusable UI component library like a pro
46mBuilding Reusable Components ... That Are Actually Reusable
18mFull Stack Composable Architecture
14mWeb Components for CMS
41mBuilding Your Legos: A Practitioner’s Guide to Reusable Components
10mUnlocking Composable Content with the App Router