Does this skill support the Next.js App Router?

Yes, it includes specific patterns for setting up TinaCMS admin routes within both Next.js App Router and Pages Router.

How does this skill help with build errors?

It identifies common issues like incorrect build ordering (framework build running before Tina build) and provides corrected scripts for package.json and CI/CD pipelines.

Can I use this skill to self-host my CMS?

Absolutely, it provides detailed implementation patterns for self-hosting on Cloudflare Workers and managing Docker network bindings.

What is the primary benefit of the TinaCMS skill for Claude Code?

It enables Claude to accurately configure schemas, implement visual editing hooks, and debug complex build errors specific to TinaCMS environments.

TinaCMS Integration & Troubleshooting

Name: TinaCMS Integration & Troubleshooting
Author: jezweb

byjezweb

•

117

•

Content Management

Orchestrates the integration of TinaCMS into modern web frameworks with visual editing and Git-backed content workflows.

This skill empowers Claude to architect and manage content-heavy sites using TinaCMS across Next.js, Astro, and Vite environments. It provides deep technical guidance on schema configuration, visual editing hooks, and advanced deployment strategies like self-hosted backends on Cloudflare Workers. Beyond implementation, it serves as a specialized diagnostic tool for resolving common pitfalls such as ESbuild compilation errors, Docker network bindings, and CI/CD build order synchronization, ensuring a seamless experience for both developers and non-technical editors.

Key Features

01Custom schema configuration for Markdown and MDX collections

02CI/CD pipeline optimization for Tina type generation

03Visual editing integration with useTina hooks for React and Next.js

04117 GitHub stars

05Automated troubleshooting for ESbuild and module resolution errors

06Docker and Cloudflare Workers deployment patterns

Use Cases

01Resolving ESbuild compilation failures and module resolution issues in CMS setups

02Building a visual editing interface for a Next.js or Astro blog

03Migrating legacy CMS content to Git-backed TinaCMS schemas

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jezweb/claude-skills tinacms

For use in Claude.ai and ChatGPT

Download Skill