Comfy Registry Frontend

The frontend React App for Comfy Registry.

Registry React Frontend Github

Registry CLI Github

Getting Started

Set up IDE

VSCode

Install Prettier + Eslint extensions.

.vscode/settings.json is set up in the workspace to lint + format code on save.

Local Development

Run the development server

git checkout dev
brew install pnpm
pnpm install
pnpm run dev

Open http://localhost:3000 with your browser to see the result.

Generate Code Stub based on OpenAPI Spec

Start the dev server.

Currently, the Orval spec is in orval.config.js. It points to the OpenAPI spec in your localhost server. This can be changed to staging or prod.

npx orval

This generates react queries that you can use in your Components.

Deployments

Production

Make a PR to the main branch. Once merged, Vercel will deploy to https://comfyregistry.org

CORS

To enable CORS on the google cloud storage bucket, reference the cors.json file. More info here.

gcloud storage buckets update gs://comfy-registry --cors-file=cors.json