Muse — AI-копірайтер із підпискою

Справжній онлайн-сервіс: люди реєструються, пишуть рекламу, пости, описи товарів і email за допомогою AI та платять щомісячну підписку.

• Головна сторінка (index.html) продає сервіс і має безкоштовне демо (3 спроби без реєстрації).
• 7 мов сайту: англійська (index.html), китайська (zh.html), гінді (hi.html), іспанська (es.html), французька (fr.html), арабська (ar.html, справа наліво) й українська (uk.html). Сервіс пише тексти 11 мовами.
• Кабінет (app.html), перекладений 7 мовами, з такими можливостями:
  • 9 форматів текстів, 6 тонів, 11 мов тексту;
  • збережений опис бізнесу;
  • кнопки «Інший варіант», «Коротше» й «Довше»;
  • історія, кредити, оплата.
• Вхід і реєстрація (login.html): email + пароль або Google, відновлення пароля (reset.html).
• Безкоштовні інструменти (tools.html): генератор хештегів, генератор назв, лічильник символів.
• Блог: 11 статей англійською, іспанською, французькою, гінді й українською.
• Оплата підписки через Lemon Squeezy, тарифи вмикаються автоматично.

Як це заробляє

Тариф	Ціна	Генерацій на місяць	Ваші витрати на AI (макс.)	Ваш дохід*
Free	$0	10	~$0.20	—
Creator	$19	300	~$6	~$11–13
Pro	$49	1 000	~$20	~$24–27

* Після комісії Lemon Squeezy (~5% + 50¢) і максимальних витрат на AI. Більшість людей використовує не всі кредити, тож реальний дохід зазвичай вищий. Одна генерація коштує ~1–2 центи (Claude Opus 5.5).

Хостинг (Vercel), база (Supabase) і платежі (Lemon Squeezy) на старті безкоштовні. Ви платите тільки за AI (Anthropic), і лише коли сервісом користуються.

Запуск: 4 сервіси, ~1 година, один раз

Код уже готовий. Потрібно лише зареєструватися й вставити ключі. Усі ключі вставляються у Vercel (крок 4), а не в код.

Крок 1. Anthropic: AI, що пише тексти

1. Зареєструйтесь на console.anthropic.com.
2. Billing: додайте картку й поповніть баланс ($5–10 для старту).
3. Limits: поставте місячний ліміт витрат (наприклад, $20), щоб не було сюрпризів.
4. API Keys → Create Key. Збережіть ключ як ANTHROPIC_API_KEY.

Крок 2. Supabase: акаунти користувачів і база

1. Зареєструйтесь на supabase.com → New project (регіон: Frankfurt).
2. SQL Editor → New query: вставте весь вміст файлу supabase/schema.sql → Run.
3. Project Settings → API: скопіюйте
   • Project URL → SUPABASE_URL
   • anon public → SUPABASE_ANON_KEY
   • service_role → SUPABASE_SERVICE_ROLE_KEY (секретний, нікому не показуйте!)
4. Authentication → URL Configuration: у Site URL вставте адресу сайту з Vercel (з'явиться в кроці 4), а в Redirect URLs додайте одне правило: https://<ваш-сайт>/** (дві зірочки в кінці). Воно дозволяє повертатися на будь-яку сторінку сайту після входу, підтвердження email і зміни пароля.
5. (Необов'язково) Authentication → Providers → Google: щоб працювала кнопка «Continue with Google».

Крок 3. Lemon Squeezy: приймання оплати

1. Зареєструйтесь на lemonsqueezy.com і створіть магазин. Перевірте, що для вашої країни доступні виплати (Settings → Payouts). Якщо ні, альтернатива — Paddle; тоді доведеться переписати api/webhook.js (я допоможу).
2. Пройдіть активацію магазину (перевірка особи). Без неї приймаються лише тестові платежі.
3. Products → New product «Muse», тип Subscription, два варіанти:
   • Creator — $19 / місяць
   • Pro — $49 / місяць
4. Для кожного варіанта:
   • ID варіанта → LEMONSQUEEZY_VARIANT_CREATOR і LEMONSQUEEZY_VARIANT_PRO
   • Share → Checkout link → LEMONSQUEEZY_CHECKOUT_CREATOR і LEMONSQUEEZY_CHECKOUT_PRO
5. У налаштуваннях продукту → Confirmation modal / Redirect URL: https://<ваш-сайт>/app.html?paid=1.
6. Settings → Webhooks → +:
   • URL: https://<ваш-сайт>/api/webhook
   • Signing secret: придумайте довгий випадковий рядок → LEMONSQUEEZY_WEBHOOK_SECRET
   • Події: subscription_created, subscription_updated, subscription_cancelled, subscription_resumed, subscription_expired, subscription_payment_success

Крок 4. Vercel: сайт в інтернеті

1. Зареєструйтесь на vercel.com через GitHub.

2. Add New → Project → оберіть репозиторій hozvoc-svg/- → Deploy.

3. Settings → Environment Variables: додайте всі 9 змінних:

   Назва	Звідки
   ANTHROPIC_API_KEY	крок 1
   SUPABASE_URL	крок 2
   SUPABASE_ANON_KEY	крок 2
   SUPABASE_SERVICE_ROLE_KEY	крок 2
   LEMONSQUEEZY_VARIANT_CREATOR	крок 3
   LEMONSQUEEZY_VARIANT_PRO	крок 3
   LEMONSQUEEZY_CHECKOUT_CREATOR	крок 3
   LEMONSQUEEZY_CHECKOUT_PRO	крок 3
   LEMONSQUEEZY_WEBHOOK_SECRET	крок 3

4. Deployments → Redeploy. Адреса сайту буде на кшталт https://muse-xxx.vercel.app. Поверніться в кроки 2.4, 3.5 і 3.6 та вставте цю адресу.

Крок 5. Перевірка

1. Зареєструйтесь на своєму сайті й згенеруйте текст: кредити мають зменшитись з 10 до 9.
2. У Lemon Squeezy увімкніть Test mode, купіть Creator тестовою карткою 4242 4242 4242 4242. У кабінеті має з'явитися тариф Creator і 300 кредитів.
3. Замініть [email protected] на свою пошту в about.html, privacy.html і terms.html.

Де шукати перших клієнтів

Детальний план, готові тексти постів і повідомлень — у файлі MARKETING.md. Готові пости на 30 днів і ідеї для відео — у файлі CONTENT-PLAN.md.

Сайт сам клієнтів не приведе. Перші 10 платних користувачів потрібно знайти вручну:

1. Власники малого бізнесу в Instagram і Facebook (кав'ярні, салони, магазини одягу). Напишіть 3–5 постів для них безкоштовно в Muse й надішліть із посиланням на сервіс.
2. Групи й спільноти для SMM-ників, фрилансерів і власників Etsy/Shopify-магазинів.
3. Product Hunt, Reddit (r/SideProject, r/Entrepreneur), Indie Hackers: розкажіть, що ви зробили.
4. Короткі відео (TikTok, Reels, Shorts): «написав рекламу за 10 секунд» добре заходить.
5. Блог (blog.html): статті на кшталт «50 ідей для постів кав'ярні» з часом приводять трафік із Google.

Реалістично: перші продажі — за кілька тижнів активного просування. 50 платних користувачів приносять приблизно $600–1 000 на місяць.

Технічні деталі

index.html, zh/hi/es/fr/ar/uk.html    — головна 7 мовами (генерує tools/build_landing.py)
about, blog, статті, privacy, terms,  — внутрішні сторінки (генерує tools/build_pages.py)
404, tools, *-generator, counter
login.html, reset.html, app.html      — вхід, зміна пароля, кабінет (редагуються вручну)
css/style.css                         — стилі (кольори в :root на початку)
js/main.js                            — анімації, демо, вхід і зміна пароля
js/i18n.js                            — переклади анімацій і демо на головних сторінках
js/ui-i18n.js                         — переклади входу й кабінету (7 мов)
js/auth.js                            — акаунти (Supabase), профіль бізнесу, посилання на оплату
js/app.js                             — логіка кабінету
js/tools.js                           — безкоштовні інструменти
api/generate.js                       — генерація через Claude, списання кредитів, доопрацювання
api/profile.js                        — збереження опису бізнесу
api/webhook.js                        — оплати Lemon Squeezy → тарифи й кредити
api/config.js                         — публічні налаштування для браузера
api/_lib.js                           — тарифи, шаблони, спільний код
supabase/schema.sql                   — таблиці, захист даних, функції кредитів

• AI: Claude Opus 5.5 (claude-opus-5-5), effort: low. Увімкнено автоматичний резервний режим (fallbacks: "default"): якщо модель відхилить запит, API повторить його на іншій моделі. Щоб зменшити витрати приблизно в 40 разів, у api/generate.js можна поставити модель claude-haiku-5-5 (тексти будуть трохи простіші).
• Безпека: секретні ключі лише на сервері; користувачі бачать тільки свої дані (Row Level Security); кредити списуються атомарно на сервері; невдала генерація повертає кредит; підпис вебхука перевіряється.
• Ліміт демо (3 запити на годину з IP) зберігається в пам'яті сервера, тож це захист «найкращий можливий».
• Переклади головної сторінки: тексти всіх 7 мов лежать у tools/build_landing.py, а анімації й демо — у js/i18n.js. Після змін запустіть python3 tools/build_landing.py, і сторінки оновляться. Не редагуйте index.html, zh.html тощо вручну, бо зміни зітруться при наступній генерації. Так само внутрішні сторінки й статті змінюються в tools/build_pages.py.
• Мова: англійська головна сама відкриває версію мовою відвідувача; вибір у меню 🌐 запам'ятовується й переноситься у вхід і кабінет.
• Тарифи задано у двох місцях: PLANS в api/_lib.js і plan_credits() у supabase/schema.sql.
• GitHub Pages (https://hozvoc-svg.github.io/-/) показує лише статичну версію: без входу й генерації. Після запуску на Vercel використовуйте адресу Vercel.
• Юридичні сторінки — базовий шаблон. Перед активним продажем бажано показати їх юристу.