comfydeploy-demo1-faster.mp4
This project is designed to demonstrate the integration and utilization of the ComfyDeploy SDK within a Next.js application. The primary focus is to showcase how developers can get started creating applications running ComfyUI workflows using Comfy Deploy. Create an account on ComfyDeply setup your workflow and machine (view here) and environemnt key
To use this project with ComfyDeploy, you need to:
- Create an account on ComfyDeploy and set up your deployment environments.
- Obtain the necessary API tokens and deployment IDs from your ComfyDeploy dashboard.
- Configure the
.env.localfile with your ComfyDeploy settings.
To connect with ComfyDeploy's services, the project uses several environment variables defined in the .env.local file. These include:
COMFY_API_TOKEN: A token for authenticating API requests ComfyDeploy API.COMFY_API_URL: Comfy Deploys base URL, this is optional and if you want to use https://www.comfydeploy.com you can leave this blank.
These are the deployment ids for your workflows. read more here Workflow docs
COMFY_DEPLOYMENT_ID: The deployment ID for a text-to-image service. Example workflow you can clone.COMFY_DEPLOYMENT_ID_CONTROLNET: The deployment ID for a controlnet workflow. Example workflow you can clone.
There are other examples for deployment ids, for different types of workflows, if you're interested in learning more or getting an example join our discord
Workflow Demo
- Text 2 Image -> https://www.comfydeploy.com/share/fb58d1cd-8a45-4893-9ab4-ea88d713c9b7
- Control Net Image 2 Image -> https://www.comfydeploy.com/share/333f0b66-b312-41f7-ba26-187dde7a1af0
Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.