Что это?
Маркетинговый лендинг для SaaS-сервиса x10seo.ru на Next.js 16 со standalone-сборкой, плавным скроллом и GSAP-анимациями. Замена устаревшего WordPress-сайта на современный быстрый стек.
Landing
x10seo Landing — Landing из портфолио Паши Вина
Маркетинговый лендинг для SaaS-сервиса x10seo.ru на Next.js 16 со standalone-сборкой, плавным скроллом и GSAP-анимациями. Замена устаревшего WordPress-сайта на современный быстрый стек.
01. КатегорияLanding
02. РольFull-stack, Product
03. Датаапр 2026
Какую задачу решает?
Тяжёлый 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
Вызов
Legacy WordPress
Старый сайт на WordPress тормозил, ломался при обновлениях и не давал гибко управлять маркетинговым контентом.
- — Долгая загрузка из-за раздутых плагинов и тем
- — Хрупкая инфраструктура — обновления ломали вёрстку
- — Невозможно быстро править контент без правки PHP-шаблонов
Решение
Next.js + Supabase
Современный лендинг на App Router со standalone-сборкой, контентом из Supabase и анимациями уровня премиум-продукта.
- + App Router + standalone build — мгновенная загрузка
- + Контент-блоки в схеме Supabase — правки без деплоя
- + GSAP + Lenis — плавный скролл и кинематографичные анимации
Архитектура & Стек
Mindmap
NODE.01
Frontend
Лендинг и UI
Next.js 16 · React 19 · Tailwind v4
NODE.02
Анимации
Скролл и эффекты
GSAP · Lenis · @gsap/react
COREEngine
NODE.03
Контент
CMS и markdown
Supabase · react-markdown · remark-gfm
NODE.04
Деплой
Хостинг и SSL
Dokploy · Hetzner · Caddy
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