Что это: Самая популярная в мире система управления сайтом (CMS) — позволяет редактировать контент без программиста, через админ-панель в браузере.
Как используем: Делаем на нём витрины и сайты с привычной админкой, но с собственной темой без сторонних плагинов и конструкторов: меньше обновлений и уязвимостей, страницы лёгкие. Так собрана витрина «Дыхание Поволжья». Переносим и сопровождаем существующие сайты: три сайта с устаревшей Joomla 3.10 переехали на WordPress с сохранением каталога, форм и позиций в поиске.
Подробнее →Что это: Базовые технологии любой веб-страницы: HTML — структура, CSS — оформление, JavaScript — интерактивность.
Как применяем: Для лендингов и сайтов-визиток без готовой CMS — когда важна максимальная скорость загрузки и не нужна админка для регулярного редактирования контента.
Подробнее →Что это: Комплекс мер, чтобы сайт находили в поиске (Google, Яндекс) по нужным запросам, без платной рекламы.
Как используем: Семантическая вёрстка, микроразметка Schema.org, карта сайта и корректные метатеги — закладываем при разработке, а не чиним постфактум.
Подробнее →Что это: Инструмент для сборки быстрых сайтов: страницы отдаются готовым HTML, поэтому открываются мгновенно и полностью читаются поисковиками. Vue — язык интерфейсов внутри него.
Как используем: На Nuxt собраны сайт студии и интернет-магазин с админкой. Содержимое лежит в файлах в git или в базе, дизайн свой, без шаблонов конструкторов.
Подробнее →Что это: Быстрый способ написать серверную часть на Python: приём заказов, расчёт корзины, панель управления. Работает с сайтом и с ботами одинаково.
Как используем: Сервер интернет-магазина, приёмник отчётов приложений, API для Telegram-кабинетов. Ставится в контейнере рядом с сайтом.
Подробнее →Что это: Два способа отдавать страницы. SSR: сервер собирает страницу при каждом запросе, удобно для магазинов с остатками. Статика: страницы собраны заранее и лежат файлами, серверу почти нечего делать, а взломать нечего.
Как используем: Русский сайт студии работает как SSR в одном контейнере, зарубежный собран в статику и лежит на сервере в Молдове. Один проект, два способа сборки.
Подробнее →Что это: Свой кусок сервера в дата-центре с полным доступом: ставите что хотите, платите фиксированно в месяц (от 300–1 000 ₽). В отличие от «хостинга сайтов» здесь можно держать и сайт, и бота, и базу, и почту.
Как используем: Все проекты студии живут на VPS: сайты, боты, n8n, VPN-узлы. Один сервер спокойно держит несколько сайтов в контейнерах, если его правильно настроить.
Подробнее →Что это: Домен — адрес сайта (devunit-lab.ru). DNS-записи говорят, на какой сервер он ведёт, где принимать почту и кому разрешено слать письма от его имени. Домен всегда регистрируется на заказчика, не на подрядчика.
Как используем: Проверяем, что домен на заказчике, настраиваем записи A, MX, SPF, DKIM, DMARC и записи подтверждения для кабинетов поисковиков.
Подробнее →Что это: Замок в адресной строке. Шифрует то, что посетитель вводит на сайте, и подтверждает, что сайт настоящий. Без него браузеры пишут «не защищено», а поисковики понижают.
Как используем: Сертификаты Let's Encrypt выпускаются и продлеваются автоматически на входном nginx, о них не нужно помнить.
Подробнее →Что это: Сервис, где сайт собирают из готовых блоков и он живёт на серверах сервиса за ежемесячную плату (Tilda, Wix, uKit и подобные). Быстро на старте, но сайт нельзя забрать с собой, а возможности ограничены тарифом.
Как используем: Не используем. Делаем сайты на своём сервере заказчика: код и данные принадлежат ему, платить нужно только за VPS. Почему так — в статье «Свой сервер или конструктор».
Подробнее →Что это: Система, через которую владелец сам меняет тексты, цены и товары без разработчика. WordPress — самая известная готовая CMS; панель управления «под задачу» пишется отдельно и умеет ровно то, что нужно.
Как используем: Для витрин ставим WordPress со своей темой, для магазинов с остатками пишем панель на FastAPI: цены и наличие правятся одной таблицей, заказы приходят в Telegram.
Подробнее →Что это: Сеть серверов по миру, которая раздаёт картинки и файлы сайта с ближайшей к посетителю точки. Нужна, когда посетители в разных странах или трафик большой; небольшому сайту обычно хватает одного сервера.
Как используем: Подключаем при необходимости для зарубежных сайтов; для российских чаще важнее сервер в России и лёгкие страницы.
Подробнее →Что это: Язык, на котором написан WordPress и большинство его тем и плагинов. Не самый модный, зато его понимает любой хостинг и любой веб-разработчик.
Как используем: Пишем собственные темы WordPress на PHP без сторонних конструкторов: страницы остаются лёгкими, обновлений и уязвимостей меньше.
Подробнее →Что это: Простой способ размечать текст: решётка для заголовка, звёздочки для жирного, дефис для списка. Файл читается и без программ, а сайт превращает его в страницу.
Как используем: Страницы, кейсы и статьи сайта студии лежат в markdown-файлах в git: правка сайта — это правка текстового файла. Из тех же файлов собираем документацию в Word.
Подробнее →Что это: JavaScript со строгими типами: ошибки видны при сборке, а не у посетителя в браузере. Стандарт для сайтов на Nuxt и Vue.
Как используем: На нём написаны сайт студии и интернет-магазин: типы проверяют, что карточка товара или кейса заполнена правильно, ещё до выкатки.
Подробнее →Что это: Область веб-страницы, где скрипт сам рисует графику: анимации, графики, 3D-сцены. Работает без внешних библиотек, но требует аккуратности, чтобы не нагружать телефон.
Как используем: На сайте-визитке Валерия Афанасьева на canvas 2D нарисован 3D-сканер: до 560 точек на деталь, не больше 30 кадров в секунду, рисует только пока виден, а в режиме экономии трафика показывает один статичный кадр.
Подробнее →Что это: Заголовок сайта, который говорит браузеру, откуда можно загружать шрифты, скрипты и картинки. Всё остальное браузер блокирует: на страницу не подмешать чужой код, и она не ходит на чужие серверы.
Как используем: На демо-стенде сайта музейного комплекса политика default-src 'self' запрещает любой внешний адрес: шрифты, картинки и снимок карты лежат на нашем сервере, а число внешних загрузок видно прямо в браузере зрителя.
Подробнее →Что это: Устройство сайта на нескольких языках: у каждой версии свой адрес, язык определяется по браузеру, а поисковики понимают, что это одна страница на разных языках, а не дубли.
Как используем: Сайт студии на Nuxt: русский без префикса, английский на /en. Модуль @nuxtjs/i18n определяет язык при первом визите и запоминает выбор в cookie, у каждой страницы есть hreflang, английские тексты лежат в отдельной папке с теми же именами файлов.
Подробнее →Что это: Небольшая запись, которую сайт оставляет в браузере: запомнить язык, держать вход в кабинет, считать посещения. Счётчики аналитики на наших сайтах включаются только после согласия посетителя, отсюда плашка cookie.
Как используем: На сайте студии cookie хранит выбранный язык, у панели управления интернет-магазина своя cookie сессии на отдельном поддомене, а на сайте «Дыхание Поволжья» Метрика и Google Analytics грузятся только после согласия. Бот загрузки видео берёт файл cookies.txt для закрытых роликов YouTube.
Подробнее →Что это: Хранение готового результата, чтобы не делать ту же работу заново: браузер не скачивает повторно стили и шрифты, сервер не пересобирает одну и ту же страницу. Сайт открывается быстрее, а сервер выдерживает больше посетителей.
Как используем: На визитке Валерия Афанасьева стили, скрипты и шрифты кэшируются на год, а страница, robots.txt и карта сайта всегда сверяются с сервером, поэтому правки видны сразу. В интернет-магазине отдельный кэш на Redis.
Подробнее →Что это: Картинки и тяжёлые блоки загружаются не все сразу, а когда человек до них прокрутил. Первый экран появляется быстрее, а телефон не тратит трафик на то, что посетитель так и не увидит.
Как используем: На сайте студии так грузятся снимки продуктов в кейсах и обложки: первый экран открывается сразу, остальное подгружается по мере прокрутки.
Подробнее →