Can I publish Convex components to npm?

Yes, this skill provides the necessary package.json and tsconfig.json configurations to bundle and publish your components as standard npm packages for public or private use.

Are Convex components type-safe?

Absolutely. The authoring process emphasizes exporting TypeScript types and validators so consumers receive full autocompletion and safety when using component-provided functions.

How do I ensure data isolation in components?

Component tables are defined within their own schema file and are strictly isolated from the consuming app's tables to prevent naming collisions and cross-dependency issues.

What are Convex components?

Convex components are self-contained packages containing database tables, functions, and types that are isolated from the main application, allowing for modular backend development.

How do I use a component in my Convex app?

Components are registered in the consuming app's convex.config.ts file using the app.use() method, which allows you to instantiate and name the component for use in your API.

Convex Component Authoring

Name: Convex Component Authoring
Author: EricJamesCrow

byEricJamesCrow

0•

データベース管理

Builds and publishes modular, self-contained Convex components with isolated data models and reusable backend logic.

The Convex Component Authoring skill provides comprehensive guidance for developers looking to create modular, reusable packages within the Convex ecosystem. It standardizes the process of defining isolated database tables, server-side functions, and type-safe hooks, ensuring that components can be seamlessly integrated into multiple projects or published as npm packages. By following best practices for directory structure, dependency management, and schema isolation, this skill helps developers build scalable backend modules that maintain strict data boundaries and clean API contracts.

主な機能

01Standardized component directory structure and configuration

02Type-safe server-side function exports for queries and mutations

03NPM publishing and semantic versioning best practices

040 GitHub stars

05Frontend hook generation for seamless consumer integration

06Isolated database schema and table definitions

ユースケース

01Creating a reusable rate-limiter or authentication module for Convex

02Building a private library of common backend features for team-wide use

03Architecting large-scale Convex applications into manageable, decoupled sub-modules

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ericjamescrow/smartpockets convex-component-authoring

For use in Claude.ai and ChatGPT

主な機能

01Standardized component directory structure and configuration

02Type-safe server-side function exports for queries and mutations

03NPM publishing and semantic versioning best practices

040 GitHub stars

05Frontend hook generation for seamless consumer integration

06Isolated database schema and table definitions

ユースケース

01Creating a reusable rate-limiter or authentication module for Convex

02Building a private library of common backend features for team-wide use

03Architecting large-scale Convex applications into manageable, decoupled sub-modules

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ericjamescrow/smartpockets convex-component-authoring

For use in Claude.ai and ChatGPT