Сайт
Сайт церкви за пів години мого часу, з 10 дизайнами на вибір
Моя церква, молода українська церква в Гогевені (Hoogeveen), не мала сайту — лише Instagram, Linktree і Telegram-чат. Я запропонував його зробити і за пів години свого часу, керуючи Claude Code, запустив живий сайт на власному домені на Astro і Cloudflare Pages. Замість одного дизайну на затвердження я зробив 10 дизайн-напрямів на реальному контенті й звузив їх до шортлиста з 4, з якого обирає церква, а також розділ подій, де нова подія — це один Markdown-файл.
0,5 год мого часу, від порожньої папки до живого сайту на власному домені
10 → 4 дизайн-напрями, шортлист для вибору церквою
1 файл на подію, минулі події самі переходять в архів
0 за хостинг статичний сайт на Cloudflare Pages, платний лише домен
Завдання
Моя церква — молода українська церква в Гогевені, у Нідерландах. Її інформація жила в Instagram, на сторінці Linktree, у Telegram-чаті та в Google Forms, але сайту не було. Новачок не міг швидко дізнатися, коли й де служіння, про що ця церква, що попереду і як долучитися.
Я запропонував зробити сайт. Церква ще не обрала візуальний стиль, тож сайт мав також допомогти їй зробити цей вибір.
Десять напрямів замість одного дизайну
Замість одного дизайну на затвердження чи відмову я зробив 10 дизайн-напрямів з однаковим контентом: Motion Blur, Acid Night, Swiss Grid, Neo-Brutal, Y2K Chrome, 70s Groovy, Quiet Luxury, Terminal, Comic Pop і Slavonic Sky. Кожен — самостійна сторінка з власними шрифтами та стилями, і кожен шрифт підтримує кирилицю, бо сайт українською.
Три напрями церкві не підійшли, тож я замінив їх новими (Bento, Matchday, Riso Zine) і звузив набір до шортлиста з 4: Motion Blur, Acid Night, Quiet Luxury і Bento. Кожен має світлу й темну тему, а тонка панель унизу перемикає між ними, тож церква порівнює справжні робочі сторінки. Остаточний вибір — за церквою.
Одне джерело контенту
Усі тексти, розклад і посилання лежать в одному файлі даних, який читає кожен дизайн. Зміна стилю ніколи не означає переписування контенту. Посилання — справжні, з Linktree та Instagram церкви: анкета для знайомства, молитовні прохання, наставництво, Telegram і пожертва через Tikkie. Усе, що ще не підтверджено, як-от email, позначено як заглушку, а не вигадано.
Події
- Кожна подія — один Markdown-файл з постером.
- Сторінка подій показує найближчі події, фільтр за категоріями, що з’являється, коли категорій дві, і архів за роками.
- Кожна подія має власну сторінку: постер, дата, час, місце, кнопка «Я прийду», «Додати в календар», повний анонс і структуровані дані
Event, а постер — у превʼю посилання. - Минулі події ніколи не видаляються. Вони переходять в архів під час збірки, а в браузері — якщо подія завершилась після останнього деплою.
Зроблено, щоб знаходили
Технічну базу для пошуку закладено від початку: canonical-адреси, Open Graph з картинкою для превʼю посилання, sitemap без альтернативних стилів, robots.txt з посиланням на нього і noindex на стилях, що не є основними. Я також написав чек-лист SEO і GEO для сайту, щоб його знаходили в Google і називали ШІ-асистенти, коли хтось питає про українську церкву в Гогевені.
Результат
За пів години мого часу церква отримала живий сайт oxychurchhoogeveen.com з реальним розкладом, адресою, посиланнями й першою подією. Він статичний, розміщений на Cloudflare Pages з автоматичним деплоєм із GitHub, тож немає плати за хостинг і нічого не треба оновлювати на сервері. Я зробив його в Claude Code під своїм керівництвом.
Що далі
Коли церква обере фінальний стиль, він переїде на головну, а інші стилі зникнуть. Далі робота продовжиться за чек-листом: справжня сторінка 404, структуровані дані Church з розкладом служінь, llms.txt, Search Console, Bing і Google Business Profile.
Інструменти
Часті запитання
Скільки часу це зайняло і що отримала церква?
Пів години мого часу з Claude Code під моїм керівництвом — від порожнього проєкту до живого сайту на власному домені. Час і місце служінь, адреса, цінності, анкета для знайомства, молитовні прохання й перша подія тепер на одному сайті, а не розкидані по Instagram, Linktree, Telegram і Google Forms. Церкві сподобалася швидкість.
Навіщо показувати церкві 10 дизайнів замість одного?
Церква ще не обрала стиль, а затвердження одного макета за іншим може перетворитися на довге листування. Я зробив 10 напрямів на тому самому реальному контенті, тож люди порівнювали робочі сторінки — і церкві це сподобалося. Три напрями їм не підійшли, тож я замінив ці три новими й звузив набір до шортлиста з 4. Оскільки всі тексти лежать в одному файлі даних, заміна стилю ніколи не означала переписування контенту.
Чому Astro, а не WordPress чи конструктор?
Головне побоювання церкви — що сайт буде складно оновлювати. Статичний сайт на Astro не має CMS, плагінів чи сервера, які треба оновлювати, а push у GitHub розгортає його. Усі тексти лежать в одному файлі даних, спільному для всіх дизайнів, а події — звичайні файли, тож оновлення лишаються невеликими.
Як церква додає нову подію?
Кожна подія — один Markdown-файл з постером, без змін у коді. Вона отримує власну сторінку з датою, часом, місцем, кнопками «Я прийду» і «Додати в календар» та структурованими даними Event, а після завершення автоматично переходить в архів. Сторінки подій — одне з того, що сподобалося церкві на сайті.
Скільки коштує утримання сайту?
Лише домен. Сайт статичний і розміщений на Cloudflare Pages, тож немає плати за хостинг, сервера чи плагінів, які треба оновлювати.
Навіщо сайт, якщо в церкви вже є Instagram і Linktree?
Стрічки й сторінки з посиланнями не відповідають на перші запитання новачка: коли, де і як долучитися. Сайт відповідає на них на одній сторінці й зроблений так, щоб його знаходили: canonical-адреси, sitemap, структуровані дані Event і чек-лист SEO та GEO — щоб він з'являвся в Google і його називали ШІ-асистенти, коли хтось питає про українську церкву в Гогевені.
Як церква обирає фінальний дизайн?
Вона порівнює 4 стилі з шортлиста як робочі сторінки з реальним контентом, кожен у світлій і темній темі, перемикаючись між ними панеллю внизу. Обраний стиль стає головною, інші прибираються, а робота над пошуком продовжується за письмовим чек-листом.
Потрібен простий сайт для церкви чи невеликої організації, який легко оновлювати? Напишіть — обговоримо.