CDN-Starter

A modern starter kit for building and deploying custom JavaScript/TypeScript to Webflow and other no-code platforms.

TypescriptTypescriptWebflowWebflowNPMNPMjsDelivrjsDelivr
CDN-Starter

What is CDN-Starter?

CDN-Starter is a production-ready scaffolding tool that gives you everything you need to write custom TypeScript or JavaScript, bundle it using esbuild, and publish it to npm — so you can load it on any no-code platform like Webflow, Framer, or Squarespace through a single CDN link.

Think of it as a bridge between the developer world and the no-code world. You get the full power of TypeScript, modern tooling, and proper version control, while your no-code site gets a clean, fast script delivered through a global CDN.

The Problem

If you've ever tried adding custom code to Webflow or any no-code platform, you know the pain — inline embed blocks with no autocomplete, no error checking, and no version history.

Getting Started

Prerequisites

Before you begin, make sure you have Node.js 18+ and pnpm 10+ installed. Verify both with:

node -v
pnpm -v

Create a New Project

npm create cdn-starter@latest my-project

This generates a fully configured project folder — TypeScript config, esbuild build script, linting rules, and a publish workflow.

cd my-project
pnpm install

How It Works

Understanding Entry Points

Open bin/build.js — only files listed here get compiled:

bin/build.js
const ENTRY_POINTS = [
  "src/index.ts",
  "src/styles/global.css",
];

Publishing to npm

CDN-Starter uses Changesets for versioning. Describe your changes, apply the version bump, then publish:

pnpm changeset
pnpm changeset version
pnpm release

Using on Webflow

Once published, your package is instantly available via the jsDelivr CDN. Generate ready-to-use tags with:

pnpm cdn

Project Structure

  • src/ — your source files
  • bin/build.js — entry point configuration
  • dist/ — build output (auto-generated)

Code Quality Tools

pnpm lint
pnpm lint:fix
pnpm format
pnpm check

Troubleshooting

If a build fails, try a clean install:

rm -rf node_modules pnpm-lock.yaml
pnpm install

Why I Built This

I was tired of reinventing the same setup every time I needed custom code on a Webflow project. CDN-Starter is the tool I wish existed when I started building custom Webflow integrations.