01 / 08 Проект

iavorkolev.com

Двуезичен Rust/Dioxus сайт с 72 статични маршрута, SEO за всяка страница, строг CSP и кинематографично преживяване като прогресивно подобрение.

72

Статични локализирани маршрута

2

Пълни езикови версии

98–100

Lighthouse производителност в последния гейт

02 / 08 Проектното предизвикателство

Един експертен сайт трябва едновременно да обяснява, доказва, убеждава и да остава бърз

Проектът събира услуги, инженерни проекти, експертен профил и пътища към запитване в една двуезична система. Основното съдържание се рендерира статично за търсачки и хора, а GSAP и Three.js добавят движение и атмосфера, без да притежават смисъла или навигацията.

Търговска структура

От широка експертиза към конкретни решения и доказателства

Услугите са организирани по намерение на купувача, проектите показват реални инженерни граници, а свързаните маршрути отвеждат от проблем към доказателство и следваща стъпка.

Статично ориентирана доставка

Всяка важна дума и връзка съществува преди JavaScript

Dioxus генерира отделен HTML документ за всеки маршрут и език. Каноничните адреси, hreflang, структурираните данни, картата на сайта и социалните изображения се изграждат от същия договор за маршрути.

Кинематографичен слой

Движение с ясна граница на отговорност

GSAP управлява последователностите, а един споделен Three.js canvas обслужва визуалните сцени. При reduced motion, слаб хардуер или липса на JavaScript съдържанието и конверсионните пътища остават пълни.

03 / 08 Реализирана система

Rust и Dioxus за статичната основа; TypeScript, GSAP и Three.js само за преживяването

Собственият SSG рендерира локализирани маршрути, разделя CSS според страницата, добавя хеш към имената на ресурсите и генерира CSP хешове от крайния HTML. Cloudflare доставя статичния артефакт, а ограничена Pages Function приема анонимизирани събития за конверсии без съдържание от формата или постоянни идентификатори.

  • Rust
  • Dioxus
  • Static generation
  • TypeScript
  • GSAP
  • Three.js
  • Cloudflare Pages
  • Playwright

04 / 08 Архитектурен поток

Една система от маршрути свързва съдържание, търсене, преживяване и доставка

Маршрутът е основната единица: той определя локализирания HTML, метаданните, изображението за споделяне, вътрешните връзки и проверките при издание.

  1. 01

    Маршрути

    Типизирани Dioxus страници и съответстващи английски и български адреси.

  2. 02

    Рендериране

    Статичен семантичен HTML с навигация, съдържание, доказателства и CTA.

  3. 03

    Политики

    SEO, структурирани данни, карта на сайта, OG изображения, CSS слоеве, CSP и правила за кеширане.

  4. 04

    Подобрение

    GSAP и споделен Three.js canvas се активират след наличното съдържание.

  5. 05

    Проверка

    Гейтове за build, smoke, browser, dx serve, доставка и Lighthouse пазят артефакта.

05 / 08 Решения

Решенията, които оформят системата

  • Реализирано

    Dioxus Link остава договорът за вътрешна навигация

    Регресионният тест срещу dx serve пази клиентската навигация; runtime грешките се изследват, вместо проблемът да се прикрива с пълно презареждане.

  • Реализирано

    CSP хешовете се генерират от крайния HTML

    Процесът на изграждане открива вградените скриптове и създава заглавките за внедряване, така че редакция на скрипт не оставя ръчно поддържан и остарял хеш.

  • Реализирано

    Движението е прогресивно подобрение

    Съдържанието, структурата и CTA не се създават от GSAP или Three.js; reduced-motion режимът премахва ненужната динамика.

  • Реализирано

    Измерването не създава потребителски профил

    Endpoint-ът за конверсии приема ограничен списък от събития и безопасни категории маршрути без стойности от формата, fingerprinting или постоянен посетителски идентификатор.

06 / 08 Проверими доказателства

Какво защитава текущият QA договор

  • 72 локализирани статични маршрута с канонични адреси, двупосочни hreflang връзки, структурирани данни, карта на сайта и Open Graph изображения за всеки маршрут
  • Семантично съдържание и навигация, които остават използваеми без JavaScript и при reduced motion
  • CSS ресурси с хеш в името, генерирани CSP хешове и Cloudflare договори за кеширане и сигурност
  • Browser smoke тестове за настолни и мобилни устройства плюс отделен dx serve регресионен гейт за Dioxus Link навигацията
  • Последният Lighthouse гейт в среда, близка до продукционната, даде 98 до 100 за Performance и 100 за Accessibility, Best Practices и SEO на четирите проверени страници

07 / 08 Свързани посоки

08 / 08 Следващият ход

Искате сайт, който изглежда отличително и работи като сериозна търговска система?

Мога да съчетая позициониране, дизайн, техническо SEO и дисциплинирана доставка в един продукт, вместо да ги поправяме поотделно след старта.

Започнете проект->Вижте услугата