П.ВИН
Landing

x10seo LandingLanding из портфолио Паши Вина

Маркетинговый лендинг для SaaS-сервиса x10seo.ru на Next.js 16 со standalone-сборкой, плавным скроллом и GSAP-анимациями. Замена устаревшего WordPress-сайта на современный быстрый стек.

01. КатегорияLanding
02. РольFull-stack, Product
03. Датаапр 2026

Что это?

Маркетинговый лендинг для SaaS-сервиса x10seo.ru на Next.js 16 со standalone-сборкой, плавным скроллом и GSAP-анимациями. Замена устаревшего WordPress-сайта на современный быстрый стек.

Какую задачу решает?

Тяжёлый WordPress с медленной загрузкой → лёгкий статический лендинг с CMS-блоками в Supabase

Как реализовано?

Реализовано на стеке: Next.js, Tailwind CSS, Supabase, GSAP. Современный лендинг на App Router со standalone-сборкой, контентом из Supabase и анимациями уровня премиум-продукта.

Next.jsTailwind CSSSupabaseGSAPLenisTypeScriptNext.jsTailwind CSSSupabaseGSAPLenisTypeScriptNext.jsTailwind CSSSupabaseGSAPLenisTypeScriptNext.jsTailwind CSSSupabaseGSAPLenisTypeScript
Маркетинговый сайт на WordPress превратился в обузу — тормозил, ломался, требовал разработчика для каждой правки. Цель — заменить его на быстрый Next.js-лендинг с контентом в Supabase, чтобы маркетинг мог править блоки без деплоя.
x10seo Landing
x10seo Landing — Маркетинговый сайт на WordPress превратился в обузу — тормозил, ломался, требовал разработчика для каждой правки.

Вызов

Legacy WordPress

Старый сайт на WordPress тормозил, ломался при обновлениях и не давал гибко управлять маркетинговым контентом.

  • Долгая загрузка из-за раздутых плагинов и тем
  • Хрупкая инфраструктура — обновления ломали вёрстку
  • Невозможно быстро править контент без правки PHP-шаблонов

Решение

Next.js + Supabase

Современный лендинг на App Router со standalone-сборкой, контентом из Supabase и анимациями уровня премиум-продукта.

  • + App Router + standalone build — мгновенная загрузка
  • + Контент-блоки в схеме Supabase — правки без деплоя
  • + GSAP + Lenis — плавный скролл и кинематографичные анимации

Архитектура & Стек

Mindmap

[ Mindmap Процессов / v2.0 ]
NODE.01

Frontend

Лендинг и UI
Next.js 16 · React 19 · Tailwind v4

NODE.02

Анимации

Скролл и эффекты
GSAP · Lenis · @gsap/react

NODE.03

Контент

CMS и markdown
Supabase · react-markdown · remark-gfm

NODE.04

Деплой

Хостинг и SSL
Dokploy · Hetzner · Caddy

COREEngine

Смоделировано 100 предпринимателями

Бизнес Импакт

10x

быстрее WordPress

0

правок через код

100

Lighthouse Performance

Открыть проект
Следующий кейс

Agent News