Создание сайта-визитки для МСБ на React + Vite в 2026 году

В 2026 году сайт-визитка малого бизнеса больше не сводится к «трём страницам с формой обратной связи». Ваши потенциальные клиенты сравнивают скорость загрузки, удобство на мобильных устройствах и позиции в Google ещё до того, как взглянуть на ваше предложение. Если ваш сайт грузится 5 секунд на 4G, вы уже потеряли 53 % посетителей. Именно поэтому я создаю все клиентские сайты на современном стеке React + Vite + статическая генерация, который обеспечивает оценку Lighthouse 100/100 с первого дня публикации.
В этой статье я подробно и на конкретных примерах разбираю стек, который использую в CODRUM, два реальных кейса (строительная компания в Дублине и косметолог в Морсан-сюр-Орж) и реалистичные цены на сайт-визитку для малого бизнеса в 2026 году.
Чего сегодня ждут от сайта-визитки малого бизнеса
За последние три года стандарты изменились радикально. Серьёзный сайт-визитка сегодня обязан показывать оценку Lighthouse 100 по всем четырём осям (производительность, доступность, лучшие практики, SEO), соответствовать Core Web Vitals от Google (LCP менее 2,5 с, CLS менее 0,1), быть совместимым с WCAG 2.1 уровня AA по доступности и предлагать многоязычную версию, если этого требует аудитория. Добавьте к этому соответствие GDPR с согласием на использование cookies, корректные теги Open Graph для публикации в LinkedIn и WhatsApp и карту сайта, правильно проиндексированную в Google Search Console. Это стало обязательным минимумом, а не премиальным бонусом.
React + Vite + SSG: почему этот стек, а не WordPress
WordPress остаётся популярным, но тянет за собой три структурные проблемы. Прежде всего производительность: средний сайт на WordPress показывает LCP от 3 до 5 секунд, против 0,5 секунды на стеке React + Vite со статической генерацией (SSG). Затем безопасность: 90 % взломов WordPress происходят через уязвимые сторонние плагины (Elementor, WPBakery, Contact Form 7). На моём стеке попросту нет плагинов, исполняемых на стороне сервера. Наконец, стоимость хостинга: виртуальный хостинг OVH стоит 60 € в год плюс обслуживание обновлений, тогда как сайт на SSG размещается бесплатно на Vercel или Cloudflare Pages, с включённым глобальным CDN. Конкретно я использую React 19, Vite 7, Tailwind CSS v4, Supabase для форм и базы данных и vite-react-ssg для предварительно отрендеренной статической генерации, которая отдаёт Google чистый HTML.
Кейс 1 — Clad-Primeco (строительство, Дублин)
Даниэл Дану руководит Clad-Primeco, малой строительной и фасадной компанией в Дублине. Его клиентура разделена между ирландскими англоязычными заказчиками и румынскими бригадами на стройплощадках. Поэтому сайт должен был быть двуязычным EN/RO, отражать профессиональное позиционирование и генерировать целевые запросы на расчёт сметы. Полученный результат: Lighthouse 100/100/100/100 на десктопе, 96/100/100/100 на мобильных, LCP 0,5 секунды, защищённая форма обратной связи с hCaptcha и ограничением частоты запросов, развёртывание на Vercel с миграцией DNS Blacknight в процессе для домена cladprimeco.ie. Всё это меньше чем за 8 недель, включая итерации макетов. Вы можете ознакомиться с деталями проекта Clad-Primeco со скриншотами «до/после» и бенчмарками производительности.
Кейс 2 — Milena Glow Up (косметолог, Морсан)
Милена Торосян работает косметологом и эстетистом в Морсан-сюр-Орж. Её клиентура франко- и русскоязычная (местная армянская и русская община), что потребовало полной интернационализации FR/RU, с тщательно переведёнными именами и описаниями процедур. Помимо классической визитки, сайт включает страницу услуг с ценами (эпиляция, уход за лицом, косметология), модуль онлайн-записи и страницу политики конфиденциальности, соответствующую GDPR, для сбора контактных данных клиенток. Lighthouse 100 по всем четырём осям, сдержанные анимации с учётом prefers-reduced-motion, мягкая фирменная палитра, созвучная косметической эстетике. Смотрите детали проекта Milena для разбора UX и выбора цветовой палитры.
Цены, сроки и что входит
Для французского малого бизнеса я выстраиваю цены по двум чётким уровням. Сайт-визитка на 5 страниц (главная, услуги, о компании, контакты, юридическая информация) на одном языке стоит от 1 500 €. Полноценный сайт для малого бизнеса с многоязычностью, продвинутыми формами, блогом или каталогом, сторонними интеграциями начинается от 2 500 €. Итоговая цена зависит от сложности дизайна и желаемых интеграций: персональный расчёт сметы в течение 48 рабочих часов после первого бесплатного звонка. Реалистичные сроки — от 4 до 8 недель для визитки и от 8 до 14 недель для полноценного проекта малого бизнеса, с учётом обмена правками по макетам. Систематически включено: макеты Figma, утверждённые до начала разработки, полная разработка, базовое SEO (теги, карта сайта, robots.txt, Open Graph), развёртывание на Vercel или OVH по предпочтению и месяц гарантии после публикации для мелких правок. Если вы запускаете проект в 2026 году, напишите мне через страницу контактов с вашим брифом, и я вернусь к вам в течение 48 часов с конкретной оценкой стоимости.
Подробности обо всех услугах и диапазонах цен смотрите на странице «Услуги и цены».
Articles liés
Développeur web freelance à Morsang-sur-Orge et en Essonne (91)
Pourquoi choisir un freelance local plutôt qu'une agence parisienne, mes services pour les PME de l'Essonne, communes couvertes, projets 2026 et tarifs transparents.
Création de site vitrine PME avec React + Vite : standards 2026
Pourquoi React + Vite + SSG bat WordPress sur la performance, la sécurité et le coût d'hébergement, avec deux études de cas Clad-Primeco et Milena Glow Up.