What are Convex components?

Convex components are self-contained packages that include isolated database tables, server-side functions, and TypeScript types that can be shared across multiple projects.

How does this skill help with TypeScript?

It provides patterns for exporting internal types and generating function references that ensure end-to-end type safety for developers consuming your component.

Can I publish Convex components to npm?

Yes, this skill includes specific package.json and tsconfig.json configurations required to build and publish components for use by other developers.

How do I ensure my component doesn't conflict with my app's database?

By using the defineComponent and defineSchema functions within the component's internal source code, Convex ensures that the component's tables are isolated from the main application's data model.

Can I use a component multiple times in one app?

Yes, you can register multiple instances of a component in your convex.config.ts file by providing unique names for each instance.

Convex Component Authoring

Name: Convex Component Authoring
Author: blocknavi

byblocknavi

0•

Gestión de Bases de Datos

Guides the creation of reusable, isolated Convex backend components with standardized schemas, functions, and deployment patterns.

Convex Component Authoring is a specialized skill designed to help developers build, structure, and publish modular Convex packages. It provides a blueprint for creating self-contained units of backend logic—including isolated database tables, type-safe queries, mutations, and frontend hooks—that can be seamlessly integrated into multiple projects. By following these patterns, developers can avoid common pitfalls like cross-referencing tables or missing type exports, ensuring that their components remain maintainable, versionable, and ready for distribution via npm.

Características Principales

010 GitHub stars

02Npm publishing workflows for reusable Convex packages

03Standardized directory structure for modular backend logic

04Type-safe query and mutation implementation patterns

05Best practices for exporting TypeScript types and frontend hooks

06Isolated database schema definitions to prevent application conflicts

Casos de Uso

01Developing reusable utility modules like rate limiters or audit logs

02Publishing open-source backend components for the Convex ecosystem

03Encapsulating complex business logic for sharing across multiple apps

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add blocknavi/convex-batch-processor convex-component-authoring

For use in Claude.ai and ChatGPT

Características Principales

010 GitHub stars

02Npm publishing workflows for reusable Convex packages

03Standardized directory structure for modular backend logic

04Type-safe query and mutation implementation patterns

05Best practices for exporting TypeScript types and frontend hooks

06Isolated database schema definitions to prevent application conflicts

Casos de Uso

01Developing reusable utility modules like rate limiters or audit logs

02Publishing open-source backend components for the Convex ecosystem

03Encapsulating complex business logic for sharing across multiple apps

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add blocknavi/convex-batch-processor convex-component-authoring

For use in Claude.ai and ChatGPT