Ja zu mir: сайт фотостудії на Astro

Сайт фотостудії в Німеччині: 18 сторінок на Astro, без сервера, без бази і без адмінки. Збірка кладе готові файли, а адреса сайту ніде в коді не записана, вона береться з двох змінних оточення. Тому переїзд на власний домен не потребує жодної правки в коді.

Було і стало

Ja zu mir, Було і стало
Ліворуч — попередній сайт, праворуч — теперішній. Обидва кадри зняті в однаковій ширині вікна, без смуги про куки.

Можливості

  • 18 сторінок; зйомки та відгуки клієнток лежать вмістом (MDX і JSON), а не версткою
  • Адреса ніде не вшита: canonical, og:image, JSON-LD, карта сайту, robots.txt і llms.txt перемикаються двома змінними
  • robots.txt і llms.txt збираються під час складання, а не лежать готовими файлами
  • Світлини оптимізуються під час збірки, шрифти власні, лічильників і куків немає зовсім
  • Смуга згоди віддає назовні робочий гак. Лічильник можна під’єднати так, щоб згода справді діяла
  • М’яке прокручування й рух через Lenis і GSAP, власна розкладка галерей по колонках

Результат

  • 160 комітів, усі авторські; збірку з чистого клону перевірено: 193 файли, 18 сторінок
  • Прогін перевірок вісьмома тестувальниками водночас на шести ширинах екрана, від 360 до 1920
  • Так знайдено і виправлено: og:image і JSON-LD губили підшлях і вели на корінь чужого сайту; заголовок Datenschutzerklärung обрізало на 66 px при 360
  • Правові тексти переписано за фактичною поведінкою сайту, зі списком того, що показати адвокатові
  • Форму зв’язку свідомо вимкнено: у полі ключа стояв заповнювач. Заявки не доходили нікому, а дані все одно йшли на чужий сервер

Технології: Astro 5, Tailwind, TypeScript, MDX, GSAP, Lenis, sharp, GitHub Actions

ja-zu-mir.de