What exactly are Convex components?

Convex components are self-contained packages that include their own isolated database tables, server-side functions (queries, mutations, actions), and TypeScript types, designed to be reusable across different projects.

How does this skill help with database isolation?

It provides the patterns for defining a component-specific schema that does not conflict with the main application's tables, ensuring that the component remains truly modular.

Can I use these components in a React frontend?

Yes, the skill includes instructions for creating type-safe hooks that allow your frontend to interact with the component's API via the standard Convex React client.

Is this skill suitable for publishing to npm?

Absolutely. It includes boilerplate for package.json and tsconfig.json specifically configured for building and publishing Convex components to the npm registry.

Convex Component Authoring

Name: Convex Component Authoring
Author: NitzanSelwyn

byNitzanSelwyn

0•

API 开发

Builds and structures self-contained, reusable Convex components with isolated schemas, functions, and type-safe exports.

This skill provides a comprehensive framework for developing modular backend infrastructure using Convex components. It guides developers through creating isolated database schemas, writing type-safe queries and mutations, and managing dependencies for shared logic. By following these patterns, you can build encapsulated modules like rate limiters or notification systems that can be easily dropped into any Convex project or published as standalone npm packages, ensuring clean architecture and high code reusability.

主要功能

01Standardized component directory structure and configuration

02Isolated schema definition to prevent database naming conflicts

03Type-safe function exports for queries, mutations, and actions

04Custom React hook generation for streamlined frontend consumption

05Optimized publishing configurations for npm and TypeScript

060 GitHub stars

使用场景

01Packaging complex backend logic for public distribution on npm

02Building a reusable rate-limiter or auditing module for multiple apps

03Developing internal library components to standardize data access patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nitzanselwyn/momentumtrackerapp Convex Component Authoring

For use in Claude.ai and ChatGPT

主要功能

01Standardized component directory structure and configuration

02Isolated schema definition to prevent database naming conflicts

03Type-safe function exports for queries, mutations, and actions

04Custom React hook generation for streamlined frontend consumption

05Optimized publishing configurations for npm and TypeScript

060 GitHub stars

使用场景

01Packaging complex backend logic for public distribution on npm

02Building a reusable rate-limiter or auditing module for multiple apps

03Developing internal library components to standardize data access patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add nitzanselwyn/momentumtrackerapp Convex Component Authoring

For use in Claude.ai and ChatGPT