Why is pnpm recommended for this TinaCMS skill?

Versions of TinaCMS newer than 2.7.3 specifically require pnpm to avoid module resolution issues common with other package managers.

Can it help with 'Schema Not Successfully Built' errors?

Yes, it includes specific logic to identify and fix ESbuild compilation issues caused by importing frontend-only code or custom loaders into the Tina config.

Does this skill support Next.js App Router?

Yes, it provides specific configuration patterns for setting up TinaCMS admin routes in both Next.js App Router and Pages Router environments.

How does it handle production build ordering?

The skill ensures that 'tinacms build' is executed before the framework build (e.g., next build) to guarantee that TypeScript types are generated correctly.

TinaCMS Integration & Troubleshooting

Name: TinaCMS Integration & Troubleshooting
Author: evolv3ai

byevolv3ai

0•

内容管理

Simplifies the setup, schema configuration, and troubleshooting of Git-backed TinaCMS for content-heavy web applications.

This skill empowers Claude to architect and maintain TinaCMS implementations within modern web frameworks like Next.js, Vite, and Astro. It provides domain-specific expertise for configuring visual editing, defining complex schemas, and resolving common integration hurdles such as ESbuild compilation errors, module resolution issues, and CI/CD build ordering. By leveraging documented best practices and version-locking strategies, it ensures a stable, production-ready CMS environment for both developers and non-technical editors, preventing 10 of the most common documented errors.

主要功能

01Performance and stability optimization via version locking and pnpm package management.

02Automated TinaCMS initialization and framework integration for Next.js, Vite, and Astro.

03Comprehensive troubleshooting for ESbuild compilation, module resolution, and path mismatch errors.

04Expert schema design guidance for collections, fields, and complex reference types.

050 GitHub stars

06Visual editing implementation using the useTina hook and admin route configuration.

使用场景

01Setting up a Git-backed CMS for a Next.js blog or documentation site with visual editing.

02Debugging complex GraphQL schema errors or build-time compilation failures in CI/CD pipelines.

03Migrating content structures and schemas from legacy systems like Forestry.io to TinaCMS.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add evolv3ai/claude-skills-archive tinacms

For use in Claude.ai and ChatGPT

Download Skill