# Сайт кухонной студии с нуля

Тринадцать глав о первом сайте: ставим Eile, пишем шаблоны, заводим каталог кухонь с ценами и заявку на замер, а в конце выкладываем сайт в интернет с HTTPS.

[Начать с первой главы](https://eile.site/cookbook/nachalo) 13 глав · 2–7 минут чтения

![Сайт кухонной студии «Фасад», каким он станет к концу кукбука](https://eile.site/media/screens/cook-site-home-light.webp?v=d7f5923056e3ec70)

Опыт программирования не нужен. Каждый пример кода можно скопировать целиком, а под ним разобрано, что делает каждая строка. Все примеры проверяет тест: он проходит главы по порядку на настоящей Eile.

## Главы

1. 1 [Что мы сделаем и что понадобится](https://eile.site/cookbook/nachalo) За тринадцать глав мы соберём сайт кухонной студии «Фасад»: с каталогом кухонь и ценами, готовыми проектами, заявкой на замер и адресом в интернете. Опыт программирования не нужен: каждый шаг показан и объяснён. 2 минуты чтения
2. 2 [Установка и первый запуск](https://eile.site/cookbook/ustanovka) Поставим Eile одной командой, запустим пустой сайт и войдём в менеджер. Займёт минут десять. 4 минуты чтения
3. 3 [Страницы и дерево сайта](https://eile.site/cookbook/stranitsy) Сайт на Eile растёт как дерево: у каждой страницы есть место, адрес и номер. Создадим страницы студии и опубликуем их. 4 минуты чтения
4. 4 [Первый шаблон](https://eile.site/cookbook/pervyi-shablon) Шаблон решает, как выглядит страница. Разберём шаблон Minimal строчка за строчкой и напишем свой: с шапкой, заголовком и спокойными цветами студии. 4 минуты чтения
5. 5 [Компоненты: шапка, меню и подвал](https://eile.site/cookbook/komponenty) Шапку и подвал удобно держать отдельными кусочками и подключать в любой шаблон. Такие кусочки называются компонентами. Сделаем три: меню, шапку и подвал. 4 минуты чтения
6. 6 [Рамка: один макет на все шаблоны](https://eile.site/cookbook/ramka) Скоро шаблонов станет несколько. Чтобы не повторять в каждом шапку, подвал и стили, соберём их в рамку, а шаблоны будут класть внутрь только своё. 2 минуты чтения
7. 7 [Поля: цена, планировка и фото кухни](https://eile.site/cookbook/polya) У кухни есть цена за метр, планировка и фотография. В текст их писать неудобно: цену не отсортируешь и не поменяешь в одном месте. Для таких данных у страниц есть поля. 4 минуты чтения
8. 8 [Списки: каталог, проекты и главная](https://eile.site/cookbook/spiski) «Каталог» сам соберёт карточки кухонь с ценами, «Проекты» покажут работы по пять на странице, а главная станет витриной с кухнями и свежими проектами. 7 минут чтения
9. 9 [Свои настройки: адрес и телефон в одном месте](https://eile.site/cookbook/nastroiki) Телефон студии нужен в подвале, на странице контактов и рядом с формой замера. Заведём его один раз в настройках, а шаблоны и тексты будут брать его оттуда. 3 минуты чтения
10. 10 [Форма: заявка на замер](https://eile.site/cookbook/forma) Посетитель оставляет имя, телефон, адрес и удобную дату, а заявка приходит в менеджер и в Telegram. Соберём форму без строчки кода и поставим её на страницу контактов. 3 минуты чтения
11. 11 [Живые части: «шоурум открыт» и калькулятор кухни](https://eile.site/cookbook/zhivye-chasti) Страницы Eile готовятся один раз и отдаются из памяти мгновенно. Но кое-что должно меняться: открыт ли шоурум прямо сейчас, сколько будет стоить кухня длиной 3,4 метра. Для этого есть некэшируемые регионы и острова. 5 минут чтения
12. 12 [Сайт в интернете: сервер, домен и HTTPS](https://eile.site/cookbook/v-internet) Пока сайт живёт на вашем компьютере. Перенесём его на сервер, привяжем домен и включим HTTPS. Понадобятся сервер на Linux и домен, остальное Eile сделает сам. 5 минут чтения
13. 13 [Что дальше](https://eile.site/cookbook/dalshe) Сайт студии работает. Вот что ещё умеет Eile и куда смотреть, когда захочется большего. 2 минуты чтения