Резюме (PDF)

Конструктор страниц — живое демо

Своя упрощённая реализация задачи, которую я решаю в админ-панели Sminex: страница собирается из типизированных блоков, порядок меняется перетаскиванием на dnd-kit — мышью или с клавиатуры. Черновик сохраняется в браузере. Исходный код

Блоки

Страница · 4 блока

  1. Дом у реки

    Квартиры с видом на набережную, сдача в 2028 году

  2. 24
    этажа
    312
    квартир
    2028
    год сдачи

  3. Тихий двор без машин, детская площадка и сад на крыше.

  4. Выбрать квартиру
Конфигурация страницы (JSON)
{
  "blocks": [
    {
      "id": "block-1",
      "type": "hero",
      "data": {
        "title": "Дом у реки",
        "subtitle": "Квартиры с видом на набережную, сдача в 2028 году"
      }
    },
    {
      "id": "block-2",
      "type": "facts",
      "data": {
        "items": [
          {
            "value": "24",
            "label": "этажа"
          },
          {
            "value": "312",
            "label": "квартир"
          },
          {
            "value": "2028",
            "label": "год сдачи"
          }
        ]
      }
    },
    {
      "id": "block-3",
      "type": "text",
      "data": {
        "text": "Тихий двор без машин, детская площадка и сад на крыше."
      }
    },
    {
      "id": "block-4",
      "type": "cta",
      "data": {
        "label": "Выбрать квартиру",
        "href": "/demo/picker/"
      }
    }
  ]
}

Выберите блок на странице, чтобы изменить его текст.