Skills
.Work. You
Rest

nextjs-build-website-pages-and-blocks

Community

Compose i18n-ready Next.js pages from blocks.

Design & Creative#nextjs#i18n#SEO metadata#landing pages#next-intl#section blocks#content externalization
Authorsdcorejs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Eliminates inconsistent, non-i18n-friendly Next.js landing pages by enforcing a section-block composition approach where all user-facing strings live in content/i18n files instead of components.

Core Features & Use Cases

  • Reusable Section Block Library: Create pages from standardized sections like Hero, Features, Testimonials, Pricing, FAQ, Gallery, Contact CTA/Form, Newsletter, and BlogList.
  • Strict “No Hardcoded Strings” Rule: Ensure components receive all text via props and keep copy in src/content/<locale>/ and src/i18n/messages/<locale>.json for VI/EN bilingual delivery.
  • Production-Grade Page Composition: Apply required patterns for server components, next/image, caching (use cache + cacheLife), and per-page generateMetadata wiring.

Quick Start

Ask the skill to compose a new home page using Hero + Features + Stats + Contact blocks while externalizing every string to src/content/<locale>/ and src/i18n/messages/<locale>.json.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-build-website-pages-and-blocks
Download link: https://github.com/sdcorejs/sdcorejs-agent/archive/main.zip#nextjs-build-website-pages-and-blocks

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.