Первый сайт: лендинг для бизнеса и публикация в интернете

Задача

У Мерве керамическая мастерская в Кадыкёе: мастер-классы и посуда. Всё держится на Instagram, и на вопросы про адрес, расписание и цены она отвечает в личке по двадцать раз. Ей нужна одна страница: кто она, что предлагает, расписание, фото, карта и кнопка WhatsApp. Такая страница называется лендингом.

Словарик.

• Статический сайт: набор файлов (HTML, CSS, картинки), которые просто показываются посетителю. Нет базы и входа, поэтому такой сайт проще всего поддерживать.
• Хостинг: компьютер в интернете, который круглосуточно показывает твой сайт. Для статических сайтов есть бесплатные варианты.
• Домен: адрес вроде merveseramik.com. Сначала будет бесплатный адрес хостинга, свой домен можно подключить позже.

Шаги

1. Собери материалы. Папка merve-site, в ней папка images с 5-8 фото и файл content.txt: описание, услуги, расписание, адрес, телефон, Instagram. Цены и факты пиши только свои, настоящие.

2. Открой папку в Claude Code и включи режим Plan (урок 4.1).

3. Дай задачу по шаблону. Главное в нём: «статический сайт без фреймворков» (проще поддерживать), «сначала для телефона» (клиенты придут из Instagram), «без сторонних счётчиков» (меньше вопросов по персональным данным).

4. Проверь у себя. Двойной клик по index.html откроет сайт в браузере. Открой файл на телефоне и проверь каждую кнопку: открывается ли WhatsApp, верный ли номер, работает ли карта.

5. Правь маленькими шагами. Одна просьба, одно изменение: «увеличь фото», «сделай кнопку WhatsApp заметнее». Стало хуже? Esc Esc → Restore code. Нравится? «Сделай коммит».

6. Попроси проверку. Например: «Проверь: ссылки рабочие, фото сжаты, у картинок есть alt на турецком, есть title и description, турецкие буквы отображаются правильно».

7. Публикация, вариант A: Netlify Drop.

   • Зарегистрируйся на netlify.com. Без входа тоже можно, но тогда сайт закрыт временным паролем, пока ты не заберёшь его в аккаунт.
   • Открой app.netlify.com/drop и перетащи папку сайта.
   • Появится адрес вида ….netlify.app. Сайт в интернете.
   • На бесплатном плане у команды может быть включена настройка «private by default». Тогда сайт видишь только ты. Открой его по ссылке с телефона без входа. Если закрыт, сделай проект публичным в настройках видимости.
   • Не открывается? Проверь, что index.html лежит прямо в папке, а не во вложенной.
   • Как обновить: в панели проекта в разделе Production deploys перетащи обновлённую папку.

8. Вариант B: Cloudflare. В панели: Workers & Pages → Create application → Get started → Drag and drop your files. Имя проекта → перетащить папку → Deploy site. Адрес будет имя.pages.dev. Cloudflare советует начинать новые проекты с Workers. Если хочешь так, попроси Claude Code: «опубликуй сайт на Cloudflare Workers, объясняй каждый шаг».

9. Почему не GitHub Pages. По правилам GitHub этот хостинг не для онлайн-бизнеса и не для сайтов, главная цель которых продажи. Для сайта мастерской надёжнее Netlify или Cloudflare.

10. Свой домен (по желанию). Купи домен у регистратора. В настройках хостинга открой раздел доменов: там будет написано, какие записи внести у регистратора. Или попроси Claude Code: «Объясни по шагам, как подключить [домен] к [Netlify/Cloudflare]».

⚠️ Без формы, с одной кнопкой WhatsApp, данных ты почти не собираешь. Если добавляешь форму заявки или счётчик посещений, по KVKK понадобится уведомление (aydınlatma metni). Подробнее в уроке 4.6.

Шаблон

Я [имя], [бизнес, город]. Я не программист.
Задача: одностраничный сайт-лендинг.
Материалы: тексты в content.txt, фото в images.
Требования:
- статический сайт: HTML и CSS, минимум JavaScript, без фреймворков;
- сначала для телефона;
- язык турецкий, проверь ç, ğ, ı, İ, ö, ş, ü;
- блоки: [о нас / услуги / расписание / галерея / адрес и карта / контакты];
- кнопки WhatsApp и звонка на номер [+90…]; ссылка WhatsApp в формате https://wa.me/90XXXXXXXXXX (номер с кодом страны, без +, нулей впереди, пробелов, скобок и тире);
- сжать фото; title, description, alt-тексты;
- без сторонних счётчиков, трекеров и форм.
Сначала вопросы, потом план. Дождись «ок».
В конце: как проверить у себя + git-коммит.

Источники

• Netlify Drop quickstart (docs.netlify.com): app.netlify.com/drop, netlify.app, временный пароль без аккаунта, «private by default» на Free/Personal/Pro, обновление через Production deploys (проверено 27.10.2026)
• Direct Upload (developers.cloudflare.com): Workers & Pages → Create application → Get started → Drag and drop your files → Deploy site, адрес pages.dev
• Cloudflare Pages (developers.cloudflare.com): «Start new projects with Workers»
• How to use click to chat (whatsapp.com): формат ссылки wa.me и номера
• GitHub Pages limits (docs.github.com): запрет на онлайн-бизнес и e-commerce
• 6698 sayılı KVKK (mgm.adalet.gov.tr): статья 10