Franky
Прогреваюсь
Запилил штуку, которой самому давно не хватало — генератор QR-кодов в виде чистого SVG, который отдаёт CF Worker с edge-кешированием. Работает на Cloudflare Pages, так что демо-сайт, если вы заходите из России - не откроется.
Проблема: все генераторы выдают PNG/SVG по 60–80 KB с кучей мусора внутри (маски, clipPath, float-координаты). Вставлять такое в вёрстку — боль.
Решение: https://github.com/investblog/qr-generator — один Worker, один <path> с run-length encoding, целочисленные координаты. На выходе ~5 KB вместо 80. Кешируется на edge на год по каноническому URL.
API бесплатный и открытый — без ключей, без регистрации, без лимитов:
Получаете SVG напрямую. Можно встраивать через <img>, можно через fetch как inline. Есть пресеты размеров, уровни коррекции ошибок, настройка quiet zone.
Демо-сайт: https://qrcgen.com — тыкаете, генерируете, копируете SVG или URL.
Весь демо-сайт (фронт на Vite + TypeScript, Worker с проксированием API, деплой на CF, SEO, тёмная/светлая тема) собрал за один вечер вместе с Claude. От git init до рабочего продакшена на домене. Сорцы воркера подключены сабмодулем, всё деплоится одной командой.
Исходники воркера: https://github.com/investblog/qr-generator
Если хотите свой приватный инстанс — воркер ставится за 10 минут, даже если вы ничего не знаете о коде. Достаточно импортнуть гит-репо прямо в Cloudflare Dashboard → Workers & Pages → Create → Import repository. CF сам соберёт и задеплоит. Можно прикрутить свой домен и закрыть API-ключом — всё описано в README.
Пользуйтесь, воркер на бесплатном тарифе CF и всё равно выдержит — ответ из кеша за миллисекунды.
Проблема: все генераторы выдают PNG/SVG по 60–80 KB с кучей мусора внутри (маски, clipPath, float-координаты). Вставлять такое в вёрстку — боль.
Решение: https://github.com/investblog/qr-generator — один Worker, один <path> с run-length encoding, целочисленные координаты. На выходе ~5 KB вместо 80. Кешируется на edge на год по каноническому URL.
API бесплатный и открытый — без ключей, без регистрации, без лимитов:
Код:
https://qr.qrcgen.com/qr.inline?data=https://example.comДемо-сайт: https://qrcgen.com — тыкаете, генерируете, копируете SVG или URL.
Весь демо-сайт (фронт на Vite + TypeScript, Worker с проксированием API, деплой на CF, SEO, тёмная/светлая тема) собрал за один вечер вместе с Claude. От git init до рабочего продакшена на домене. Сорцы воркера подключены сабмодулем, всё деплоится одной командой.
Исходники воркера: https://github.com/investblog/qr-generator
Если хотите свой приватный инстанс — воркер ставится за 10 минут, даже если вы ничего не знаете о коде. Достаточно импортнуть гит-репо прямо в Cloudflare Dashboard → Workers & Pages → Create → Import repository. CF сам соберёт и задеплоит. Можно прикрутить свой домен и закрыть API-ключом — всё описано в README.Пользуйтесь, воркер на бесплатном тарифе CF и всё равно выдержит — ответ из кеша за миллисекунды.