What is a Convex component?

A Convex component is a self-contained package including database tables, server-side functions, and types that can be reused across different Convex projects.

Can I use multiple instances of the same component?

Absolutely. The skill demonstrates how to use the app.use() syntax in convex.config.ts to instantiate multiple versions of a component with different names or configurations.

How does this skill ensure data isolation?

It provides patterns for defining schemas that are strictly isolated to the component, preventing the component from accidentally accessing or polluting the main application's tables.

Can I publish these components to npm?

Yes, this skill includes the necessary package.json and tsconfig.json configurations required to build and publish Convex components as reusable npm modules.

Convex Component Authoring

Name: Convex Component Authoring
Author: EricJamesCrow

byEricJamesCrow

0•

Database Management

Builds and publishes reusable, modular Convex components with isolated database schemas and type-safe functions.

The Convex Component Authoring skill empowers developers to build modular backend systems by providing standardized patterns for creating self-contained components. It covers the entire development lifecycle, from initial directory structuring and schema design to implementing type-safe queries, mutations, and actions. By following the guidance in this skill, developers ensure strict data isolation and clean exports, making it easy to package complex functionality like rate limiters or authentication modules for use across multiple Convex projects or as public npm packages.

Key Features

01Isolated database schema definition for component-specific tables

020 GitHub stars

03Standardized component project structure and file organization

04Configuration for publishing reusable components as npm packages

05Implementation of type-safe backend functions and TypeScript exports

06Best practices for component isolation and multi-instance usage

Use Cases

01Building and distributing open-source extensions for the Convex ecosystem

02Modularizing large-scale applications into manageable, independently-testable units

03Sharing common backend utilities like rate-limiting or logging across multiple microservices

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

Key Features

01Isolated database schema definition for component-specific tables

020 GitHub stars

03Standardized component project structure and file organization

04Configuration for publishing reusable components as npm packages

05Implementation of type-safe backend functions and TypeScript exports

06Best practices for component isolation and multi-instance usage

Use Cases

01Building and distributing open-source extensions for the Convex ecosystem

02Modularizing large-scale applications into manageable, independently-testable units

03Sharing common backend utilities like rate-limiting or logging across multiple microservices

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