webflow-app-monorepo

template for creating webflow apps with CF Worker Hono API and Webflow designer extension

Instructions

Clone this repo
Run pnpm install
Run pnpm run dev to start the client, server, and common packages in dev mode

The common package in packages/common contains the shared types and utilities
The client package in packages/client contains the designer extension
The server package in packages/server contains the CF Worker API with Hono JS

Commands for deployment

cd packages/client then pnpm run build to output your bundle.zip for Webflow.
cd packages/server then pnpm run deploy to output your worker.js for CF Worker.

Optionally, you can run each package separately

cd packages/common then pnpm run build to build the common package in watch mode.
cd packages/client then pnpm run dev to start the designer extension in watch mode.
cd packages/server then pnpm run dev to start the CF Worker API in dev mode.

Steps to create this monorepo from scratch (WIP)

Create the monorepo

https://dev.to/vinomanick/create-a-monorepo-using-pnpm-workspace-1ebn

Create the Designer Extension

https://developers.webflow.com/designer/reference/webflow-cli

Create the CF Worker Hono JS Backend

https://developers.cloudflare.com/pages/framework-guides/deploy-a-hono-site/