uvacoder/11ty-dynamic-static

Dynamic-Static

An static, Eleventy blog, with dynamic markup generated by Cloudflare Workers.

Live Demo

See it in action here

Run this yourself

1. Clone the repo

git clone [email protected]:jkup/dynamic-static-11ty.git

2. npm install

npm install

3. npx eleventy to generate the static site

npx @11ty/eleventy

4. Set your Worker name in wrangler.toml. It's currently "dynamic-static-11ty" but you can make it anything you want.
5. Sign up for a Workers account and install the CLI. Instructions can be found here
6. Wrangler login

wrangler login

7. Publish your Worker!

wrangler publish

How to do this yourself

1. Create an empty GitHub repo
2. Clone the 11ty starter blog into a new folder

git clone https://github.com/11ty/eleventy-base-blog.git your-repo-name

3. Override the base blog origin to your new repo

git remote set-url origin [email protected]:your/repo.git

4. Initialize a Wokers Sites project in this repo

wrangler init --site your-repo-name

5. Open workers-site/index.js
6. Add any KV Store or HTMLRewriter code you want before it sets headers and returns a response.
7. Publish to Workers!

wrangler publish

Note: You'll have to run npx eleventy before wrangler publish because wrangler will just grab whatever is currently in _site/.