create-block

Scaffold a Strapi CMS page block and its Next.js frontend components.

2|3|Updated May 19, 2022
One-click install
npx skills add https://github.com/SKLINET/strapi-boilerplate --skill create-block
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: create-block
Source: https://github.com/SKLINET/strapi-boilerplate/tree/main/.cursor/skills/create-block
Command: npx skills add https://github.com/SKLINET/strapi-boilerplate --skill create-block

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides users through the end-to-end creation of a new Strapi CMS page block and its corresponding Next.js frontend scaffolding, eliminating manual setup errors and speed-boosting the block creation process.

Core Features & Use Cases

  • Generates a complete CMS schema for a new block and updates the relevant content types' dynamic zones.
  • Creates a frontend block wrapper, UI components, and style scaffolding, wired to server/client logic.
  • Provides references and templates to streamline future block patterns and reuse.

Quick Start

Run through the guided prompts to scaffold a new Strapi CMS page block and its Next.js frontend components.

Frequently Asked Questions about create-block

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a new Strapi CMS block with a Next.js frontend?

Scaffolding a Strapi CMS block with a Next.js frontend involves configuring a block name, display name, icon, and placement to trigger automated generation of CMS schemas and frontend components.

What is automated frontend block scaffolding for Strapi?

Automated frontend block scaffolding for Strapi is a process that generates a complete CMS schema, frontend wrapper, UI skeleton, and server/client wiring to create reusable page blocks without manual setup errors.

Do I need to manually update dynamic zones when creating a Strapi page block?

No, you do not need to manually update dynamic zones when creating a Strapi page block because the automated scaffolding process updates the relevant content types' dynamic zones directly.

Can I generate both server and client logic wiring for Next.js components?

Yes, you can generate server and client logic wiring for Next.js components because the scaffolding process automatically creates the frontend block wrapper, UI components, and style scaffolding wired to server/client logic.

What's the best way to ensure consistent naming across Strapi CMS schemas and Next.js templates?

The best way to ensure consistent naming across Strapi CMS schemas and Next.js templates is to use an automated scaffolding process that applies configured block properties to enforce consistent structure and naming conventions.

Does Strapi block scaffolding provide reusable templates for future frontend components?

Yes, Strapi block scaffolding provides references and templates that streamline future block patterns and reuse, ensuring that generated frontend wrappers and UI components follow established structural conventions.