Изработка на уеб сайтове | Vipe Studio » Проекти » Проект :: MORE – три ресторанта на морето в един Next.js сайт

15.10.2026

Проекти

Проект :: MORE – три ресторанта на морето в един Next.js сайт

Обобщете тази статия с:

ВРЕМЕ ЗА ЧЕТЕНЕ: Мин

Съдържание

MORE са три ресторанта по Черноморието около Варна: MORE Marina в рибарското пристанище в Аспарухово, MORE Beach в Св. св. Константин и Елена и MORE Fish & Grill в местността Салтанат. Една марка, три съвсем различни места, три менюта, три телефона – и един сайт, който трябва да ги побере, без да се превърне в указател.

Изградихме morerestaurant.bg наново като авторски Next.js сайт, който работи върху мрежата на Cloudflare – без WordPress, без плъгини, без сървър за поддръжка – и запазихме всички адреси, профила в Google Analytics, контейнера в Tag Manager и рекламните реализации на стария сайт от първата минута.

Този проект е за това какво всъщност трябва да прави сайтът на един ресторант: да показва залата, да показва менюто така, както е отпечатано, да приема резервация без комисиона, да се отваря мигновено на телефон с едно чертичка обхват и да бъде намерен от Google – а вече и от AI асистентите – когато някой търси вечеря на морето.

Сайтът на ресторанти MORE - morerestaurant.bg

За проекта

Заданието беше сайт на марка, а не три отделни сайта. Гостът идва, защото знае „MORE“, и чак тогава решава кой MORE – марината, плажът или грилът. Затова началната страница продава марката и морето, а трите страници на локациите носят собствена атмосфера, галерия, меню, адрес и телефон.

Всичко е двуезично: български в корена, английски под /en, както беше и на стария сайт, за да запазят адресите си страниците, които вече се класират. Сайтът се доставя от edge мрежата на Cloudflare по целия свят – няма сървър, няма база данни и няма административен панел, който да бъде счупен от обновяване.

Цели

  • Една марка, три обекта – всеки със своя страница, меню, галерия, адрес и телефон, без марката да се разпада
  • Да запазим съществуващите адреси, GA4 профила, Tag Manager контейнера, рекламните реализации и съгласието за бисквитки от първия ден
  • Менютата да се четат като менюта, а не да се свалят като PDF
  • Резервациите за маса да влизат директно в пощата на ресторанта – без платформа за резервации и без такса на покрит куверт
  • Снимките от камерата (5-18 MB) да се показват, без да бавят каквото и да било
  • Български и английски, с коректни canonical и hreflang тагове
  • Без сървъри за поддръжка, без плъгини за обновяване, без кръпки по сигурността
  Проект :: Story Gym - приложение за денонощен достъп до фитнес с QR турникет и картови плащания

Ключови функционалности

Три обекта под един покрив

Началната страница представя групата; всяка локация има собствена страница с хедър изображение, своя история, галерия с филтри (интериор, кухня, море), своите менюта, адрес с карта и навигация и собствен телефон. Двете по-стари страници запазиха точните си адреси от предишния сайт, така че нищо индексирано или линкнато от Google и TripAdvisor не се загуби.

MORE - страница на локация и секции от началната страница

Менюта, които се прелистват като отпечатаните

Ресторантите имат менютата си като PDF за печат и повечето сайтове просто слагат линк към тях – което на телефон означава сваляне, сив четец и увеличаване с пръсти. Тук всяко меню се показва в страницата като книжка, която се прелиства, с истинската печатна корица на ресторанта около нея. Четецът се зарежда само когато гост отвори меню, така че не струва нищо на всички останали.

Резервации в собствената поща на ресторанта

Секцията за резервации и формата във футъра изпращат към собствен endpoint на сайта, който проверява Cloudflare Turnstile и подава заявката по SMTP към пощата на ресторанта – без платформа, без комисиона и без гостът да си прави акаунт. Ако писмото не може да бъде доставено по някаква причина, формата не „глътва“ госта: показва телефона и бутона за WhatsApp.

Снимки в пълно качество, доставени леко

Снимките са продуктът. Оригиналите са файлове от 5 до 18 MB; всяко изображение на сайта се преоразмерява, прекодира и кешира според устройството от Cloudflare Images, така че гост на мобилни данни получава няколкостотин килобайта, а кухнята пак вижда снимките си показани както трябва.

Намерени от Google – и от AI асистентите

Всеки обект е публикуван като Restaurant в структурираните данни – с кухня, адрес, телефон, снимки и връзки – заедно с марката като Organization, самия сайт и трохите за навигация. Заглавия, описания, canonical адреси, hreflang двойки, Open Graph изображения, sitemap и robots правила се генерират от едно място, а това е и което позволява на езиков модел, отговарящ на „къде да ям прясна риба във Варна“, да прочете фактите правилно.

  Проект :: Хибридна LMS платформа, задвижвана от Headless WordPress и Next.js
morerestaurant.bg на телефон

Маркетингът, който вече работи, е запазен

Точно при подмяна на сайт ресторантите обикновено губят историята си: профилът в анализите се сменя, рекламните реализации спират да се отчитат, банерът за съгласие изчезва. Прехвърлихме съществуващия GA4 профил, Tag Manager контейнера и акаунта за съгласие върху новия сайт, със свързан consent mode, така че отчитането и кампаниите продължиха без прекъсване.

Детайлите, които правят усещането за ресторант

Галерии с лайтбокс и филтри по категория, беззвучно видео, което се отваря със звук в модал, лек паралакс върху морските кадри, числа, които се броят нагоре при влизане в екрана, секции, които се появяват при скрол, плаващ бутон за WhatsApp и връзка към онлайн поръчките за обекта с доставка. Нищо от това не бави първото показване на страницата.

Технологии

  • Фронтенд: Next.js 16 (App Router), React 19, TypeScript, ръчно писан CSS – без конструктор на страници и без тема
  • Хостинг: един Cloudflare Worker през OpenNext – без сървър, без база данни, доставка от edge мрежата
  • Изображения: Cloudflare Images зад пайплайна за изображения на Next.js
  • Форми: Worker API маршрут с Cloudflare Turnstile и минимален SMTP клиент, написан за средата на Workers (TLS на порт 465), който доставя в пощата на ресторанта
  • Менюта: PDF.js и StPageFlip, зареждани при нужда, върху файловете за печат на ресторанта
  • Двуезичност: BG/EN маршрутизиране от речник, с canonical, hreflang и локализиран Open Graph
  • SEO: schema.org Restaurant / Organization / WebSite / BreadcrumbList, генерирани sitemap и robots
  • Анализи: GA4, Google Tag Manager и CookieYes съгласие, пренесени от стария сайт
  • DNS и TLS: Cloudflare zone routes, с непокътнати записи за пощата
  Проект :: Вила Чинка - ресторант и хотел в един сайт, на четири езика

Акценти в архитектурата

  • Превключването стана само: Worker-ът беше вързан за съществуващите маршрути на зоната, така че в момента, в който сменихме DNS сървърите, новият сайт отговори – без прозорец за поддръжка и без прекъсване на пощата
  • Липсата на CMS и база данни означава, че няма административен вход за кражба, няма плъгин за обновяване и няма какво да падне в събота в осем вечерта
  • Съдържанието и текстовете живеят в типизирани файлове в едно хранилище – промяната е един ред и публикуване, а грешката се хваща при build, не от госта
  • Тежките неща (четецът на менюта, видеото, лайтбоксът) се зареждат само когато гост наистина ги поиска
  • Всяка форма има човешки резервен вариант – телефон и WhatsApp – така че неуспешно писмо никога не струва резервация
  • Наблюдаемостта на ниво заявка е включена, така че грешката е нещо, което виждаме ние, а не нещо, което ресторантът ни съобщава

Резултати

MORE вече работи с един сайт за три обекта на два езика, с менюта, които се четат в страницата, резервации, които пристигат като имейл в собствената поща на ресторанта, и снимки, доставени с тегло, което телефонът понася. Историята в анализите и рекламите преживя миграцията, а разходът за поддръжка на сайта е план в Cloudflare вместо сървър с договор.

Вижте го на живо: morerestaurant.bg.

Защо да работите с Vipe Studio

Ако управлявате ресторант, хотел или група обекти, най-вероятно вече са ви предлагали шаблон, месечен абонамент и платформа за резервации с такса на гост. Това е алтернативата: сайт, проектиран около вашата зала и вашето меню, изграден върху технологиите, с които правим продукционни приложения, който е изцяло ваш и чиято поддръжка струва почти нищо.

Поемаме целия преход – дизайн, обработка на снимките, менютата, потока на резервациите, прехвърлянето на домейна и пощата, както и запазването на позициите в Google, анализите и рекламните кампании. Разкажете ни за обекта си и ще се върнем с план и фиксирана цена.

Съдържанието на този сайт е запазено от силата на договора с Creative Commons 4.0.

Vipe Team

Автор Vipe Team

Нашият неуморен екип, който създава качествено WordPress насочено съдържание за Вас 24/7/365.