ananas.team
§ 01·КЕЙС — CASE

Арт / Портфолио + магазинWeb development2026

Next.js + Strapi для художника: портфолио, магазин работ и Schema.org на каждой картине

97Lighthouse, desktop
<50 мсотклик сервера
100SEO
Елдос Аман — главная страница портфолио
§ 02·

Задача

Елдос Аман — арт-директор, графический дизайнер и художник с 13-летней практикой. Нужен был не сайт-визитка, а рабочий инструмент: портфолио графического дизайна и живописи, эскизы, выставки, магазин работ — и всё это он должен наполнять сам, без разработчика. При этом оригиналы картин нельзя отдавать в интернет в полном размере.

§ 03·

Что сделали

Разделили сайт и контент: Next.js рендерит страницы, Strapi на отдельном домене хранит работы, тексты и товары, а художник управляет всем через привычную админку.

  • Собственный прокси изображений: оригиналы закрыты, на страницы уходит WebP по 4–99 КБ — быстро, и без риска утечки полноразмерных файлов.
  • Магазин с разметкой Schema.org Product — цена, валюта, наличие — на каждом товаре; VisualArtwork на каждой работе, Person и WebSite на главной.
  • Серверный рендеринг и кэширование с stale-while-revalidate: контент виден без JavaScript, отклик сервера — десятки миллисекунд.
  • Заложена инфраструктура локалей — вторую языковую версию можно включить без переделки.
§ 04·

Результат

Lighthouse на десктопе — 97, SEO — 100, сдвиг вёрстки — ноль. Сервер отвечает быстрее чем за 50 мс. Все 29 страниц в sitemap, редиректы и OG-карточки на месте. Художник публикует работы и товары сам.

§ 05·

Экраны

Елдос Аман — главная страница портфолио
Елдос Аман — главная страница портфолио

§ · ЗАЯВКА — GET IN TOUCH

Похожая задача?

Расскажите о ней — покажем, как подойдём и что будем измерять.