@prisma-cms/front-editor Components

HTML Tag

Супер! Пояснения более чем нужны (по крайней мере для меня:)) Особенно в связке с запросами - выводом выборки...

Супер! Пояснения более чем нужны (по крайней мере

Да. скоро будут объяснения в том числе и по ним, потому что вчера этот механизм еще значительно улучшился и теперь доступен вывод вложенных объектов :)

Да. скоро будут объяснения в том числе и по ним, п

Супер)))

Query

Николай, всё-таки нужны разъяснения:(

2. Внутрь добавляю Connector

...И дальше вакуум  в понимании, что делать?

Николай, всё-таки нужны разъяснения:( 1. Добавляю Query query{ users { id username } } http://joxi.ru/LmG3nzDSwYbDNm 2. Внутрь добавляю Connector http://joxi.ru/4AkOlYeIoK155A ...И дальше вакуум  в понимании, что делать?

Николай, всё-таки нужны разъяснения:( 1. Добавляю

Дима, не надо скриншотов. Делай свой поддомен, создавай шаблон и присылай на него ссылку. Я же в статье прислал ссылки на шаблоны.

А там уже будем разбираться что не так.

Дима, не надо скриншотов. Делай свой поддомен, создавай шаблон и присылай на него ссылку. Я же в статье прислал ссылки на шаблоны. А там уже будем разбираться что не так.

Дима, не надо скриншотов. Делай свой поддомен, соз

Все, вижу, ты сделал поддомен. Вот на него и надо ссылаться. Но лучше на конкретный шаблон. Можно отдельные части шаблона сохранять: http://joxi.ru/MAjz7eNcjLZ9OA

1. Для запросов в Query Есть важный момент, который я забыл упомянуть, но видно в запросах:

Для простых списков, как у тебя, надо указывать псевдоним objects: Вот твой запрос: 

Для запросов с постраничностью надо указывать objectsConnection: 

2. Для того, чтобы фильтры работали, надо еще название запроса по названию выборки указывать, то есть как у тебя, то query users... Иначе фильтры не будут понимать для какого типа объекта формироваться. 

3. Обязательно указывать лимит first. Ты же не хочешь, чтобы у тебя на странице вывелось несколько тысяч пользователей ;) Это сделает браузер плакать. И надо это свойство передавать именно параметром, чтобы во-первых, можно было в свойствах коннектора его менять http://joxi.ru/RmzYKQaSY5GPRr, а во-вторых, чтобы постраничность работала.

4. Чтобы постраничность работала, надо так же добавить параметр skip.

query users{
  objects:users (
    first: 10
  ){
    id
    username
  }
}


query usersConnection (
  $first: Int = 10
  $skip:Int
){
  objectsConnection:usersConnection (
    first: $first
    skip: $skip
  ){
    aggregate {
      count
    }
    edges{
      node{
        id
        username
      }
    }
  }
}


Все, вижу, ты сделал поддомен. Вот на него и надо ссылаться. Но лучше на конкретный шаблон. Можно отдельные части шаблона сохранять: http://joxi.ru/MAjz7eNcjLZ9OA По твоему вопросу: 1. Для запросов в Query Есть важный момент, который я забыл упомянуть, но видно в запросах: Для простых списков, как у тебя, надо указывать псевдоним objects: Вот твой запрос: Для запросов с постраничностью надо указывать objectsConnection: 2. Для того, чтобы фильтры работали, надо еще название запроса по названию выборки указывать, то есть как у тебя, то query users... Иначе фильтры не будут понимать для какого типа объекта формироваться. 3. Обязательно указывать лимит first. Ты же не хочешь, чтобы у тебя на странице вывелось несколько тысяч пользователей ;) Это сделает браузер плакать. И надо это свойство передавать именно параметром, чтобы во-первых, можно было в свойствах коннектора его менять http://joxi.ru/RmzYKQaSY5GPRr, а во-вторых, чтобы постраничность работала. 4. Чтобы постраничность работала, надо так же добавить параметр skip.

Все, вижу, ты сделал поддомен. Вот на него и надо

Кстати, на случай, если ты вдруг не понял как редактировать мои примеры запросов, вот видео: https://youtu.be/t09vm8wBEUU

Кстати, на случай, если ты вдруг не понял как реда

Дима, в статью дописал ссылку на видео.

List View

Object View

Спасибо огромное! Разбираюсь!  

Не за что!

Николай, привет! Спасибо за новый видос - встало на место:) 

Пытаюсь понять, почему картинку не получается вытянуть:  https://linklib.prisma-cms.com/ 

Разбираю твой шаблон со слайдером проектов и там картинка должна вроде прилетать, но не прилетает (и в плэйграунде Image: null воззвращает). 

Можешь подсказать - куда копать?   

Николай, привет! Спасибо за новый видос - встало на место:) Пытаюсь понять, почему картинку не получается вытянуть:  https://linklib.prisma-cms.com/ Разбираю твой шаблон со слайдером проектов и там картинка должна вроде прилетать, но не прилетает (и в плэйграунде Image: null воззвращает). Можешь подсказать - куда копать?

Николай, привет! Спасибо за новый видос - встало н

крутейшая штука. то, чего давно не хватало. я аж воспылал

крутейшая штука. то, чего давно не хватало. я аж в

я про документацию если что

К сожалению, там пока не получится картинку вывести. Дело в том, что там Image - это объект. Нужный нам путь - это его свойства path. Его мы можем вывести: http://joxi.ru/EA4KnbqcoxKyB2

Но картинку по этому пути мы не получим, нам надо еще путь добавить. К примеру, если путь uploads/lazy/eacfd9b91eabfc21a38dbf51d733bec0.jpg, то полный путь будет, к примеру /images/thumb/uploads/lazy/eacfd9b91eabfc21a38dbf51d733bec0.jpg или /images/big/uploads/lazy/eacfd9b91eabfc21a38dbf51d733bec0.jpg

А этого пока не получится сделать, потому что я еще не добавил функционал склеивания переменных.

Дима, привет! К сожалению, там пока не получится картинку вывести. Дело в том, что там Image - это объект. Нужный нам путь - это его свойства path. Его мы можем вывести: http://joxi.ru/EA4KnbqcoxKyB2 Но картинку по этому пути мы не получим, нам надо еще путь добавить. К примеру, если путь uploads/lazy/eacfd9b91eabfc21a38dbf51d733bec0.jpg, то полный путь будет, к примеру /images/thumb/uploads/lazy/eacfd9b91eabfc21a38dbf51d733bec0.jpg или /images/big/uploads/lazy/eacfd9b91eabfc21a38dbf51d733bec0.jpg А этого пока не получится сделать, потому что я еще не добавил функционал склеивания переменных.

Дима, привет! К сожалению, там пока не получится к

Олег, я рад, что ты оценил :)

Понял, спасибо!

Дима, не за что!

Language router

EditableObject

Фактически, это что-то похожее на одноимённый компонент из React Native. То есть, он тоже выполняет ту же функцию вывода массива объектов.

Николай, у меня вопрос по шаблонизации. Как-то можно шаблонизировать сайт на Призме не используя визуальный редактор шаблонов, а в идеале вообще отключив его? Об этом есть (будет) статья?

Фактически, это что-то похожее на одноимённый компонент из React Native. То есть, он тоже выполняет ту же функцию вывода массива объектов. Николай, у меня вопрос по шаблонизации. Как-то можно шаблонизировать сайт на Призме не используя визуальный редактор шаблонов, а в идеале вообще отключив его? Об этом есть (будет) статья?

Фактически, это что-то похожее на одноимённый комп

Павел, для этого можно тогда просто свой фронт использовать, ведь здесь сервер и фронт живут своей жизнью. Но если хочется именно использовать призму, то вероятно наилучший способ - это использовать @prisma-cms/boilerplate и изменить метод renderWrapper(), прописав свою логику. Так будет и полностью свое оформление, и унаследована основная логика и контексты.

Напомню, что @prisma-cms/boilerplate изначально планировалась как заготовка, используемая для старта проекта и дальнейшего его самостоятельного развития, так что в ней по идее можно делать что хочется.

Но вообще, отказываться от фронт-редактора не стоит. На самом деле ты скорее всего пока не понял его основных фишек (в принципе, я их еще особо не раскрывал). Фронтовый редактор при правильном подходе должен решить ряд очень важных задач и быть в целом полезным. Но я согласен, что в нынешнем виде он не совсем удобен и проще писать свой код привычным способом. Но этот недостаток решается добавлением своих собственных компонентов в него (расширение списка используемых в нем модуле). Я сейчас напишу статейку про это.

Павел, для этого можно тогда просто свой фронт использовать, ведь здесь сервер и фронт живут своей жизнью. Но если хочется именно использовать призму, то вероятно наилучший способ - это использовать @prisma-cms/boilerplate и изменить метод renderWrapper(), прописав свою логику. Так будет и полностью свое оформление, и унаследована основная логика и контексты. Напомню, что @prisma-cms/boilerplate изначально планировалась как заготовка, используемая для старта проекта и дальнейшего его самостоятельного развития, так что в ней по идее можно делать что хочется. Но вообще, отказываться от фронт-редактора не стоит. На самом деле ты скорее всего пока не понял его основных фишек (в принципе, я их еще особо не раскрывал). Фронтовый редактор при правильном подходе должен решить ряд очень важных задач и быть в целом полезным. Но я согласен, что в нынешнем виде он не совсем удобен и проще писать свой код привычным способом. Но этот недостаток решается добавлением своих собственных компонентов в него (расширение списка используемых в нем модуле). Я сейчас напишу статейку про это.

Павел, для этого можно тогда просто свой фронт исп

Написал статью про добавление кастомных компонентов.

Написал статью про добавление кастомных компоненто

VerticalTimeline

Table

ContentEditor

Интересный подход к редактированию через devTools: для меня открытие, хотя и можно было самому догадаться))))

А по отслеживанию изменений: то есть можно вообще все изменения страницы забить в БД: кто изменил, чего и когда?

Николай, привет! Интересный подход к редактированию через devTools: для меня открытие, хотя и можно было самому догадаться)))) А по отслеживанию изменений: то есть можно вообще все изменения страницы забить в БД: кто изменил, чего и когда?

Интересный подход к редактированию через devTools:

<< А по отслеживанию изменений: то есть можно вообще все изменения страницы забить в БД: кто изменил, чего и когда?

Если заморочиться, то можно вообще каждое изменение журналировать (в том числе изменение текста). Но скорее всего это будет избыточно. А вот просто сохранять старую страницу в базу, при сохранении новой версии - это вполне можно. Но надо учитывать, что у объекта страницы могут быть связанные данные (например, файлы фотогалереи), это уже придется дополнительно заморачиваться.

Дима, привет! << А по отслеживанию изменений: то есть можно вообще все изменения страницы забить в БД: кто изменил, чего и когда? Если заморочиться, то можно вообще каждое изменение журналировать (в том числе изменение текста). Но скорее всего это будет избыточно. А вот просто сохранять старую страницу в базу, при сохранении новой версии - это вполне можно. Но надо учитывать, что у объекта страницы могут быть связанные данные (например, файлы фотогалереи), это уже придется дополнительно заморачиваться.

Дима, привет! << А по отслеживанию изменений: то е

Да, каждое изменение пожалуй избыточно будет:) Да и смысла особого нет.

А вот журнал изменений в виде таблицы дата,  кто менял,  json страницы уже представляется полезным на той же пивкарте.

Да, каждое изменение пожалуй избыточно будет:) Да и смысла особого нет. А вот журнал изменений в виде таблицы дата,  кто менял,  json страницы уже представляется полезным на той же пивкарте.

Да, каждое изменение пожалуй избыточно будет:) Да

Это не сложно сделать.

# Николай Ланец aka Fi1osof
**Lead Fullstack Developer / Ментор / Евангелист современного JS‑стека**

---

## О себе

Я — не просто Senior Developer с 2007 года. Я — тот, кто строит продукты будущего на базе современных технологий и помогает другим подниматься на новую ступень айти-карьеры. Создатель и идейный вдохновитель freecode.academy — платформы, где обучение перестает быть скучной обязаловкой и становится настоящим технологическим приключением.

---

## Мой стек и философия разработки

Основу моего рабочего арсенала составляют:

- [Javascript](/technologies/ck1faudv928l40a89c4u9zxlm), [TypeScript](/technologies/ckcvwwx010kov08009u7y2rav)
- [React](/technologies/ck1fawbdw28v20a891k4wlh27), [Next.js](/technologies/ckg2jd4ffr9260730aog66dri)
- [Node.js](/technologies/ckt55wm59272831wo9gg9r8ynx), [GraphQL](/technologies/ck1fawhqk28vu0a8995lqvlsj), [Apollo Client](/technologies/ck2zdcg0vpvc10a89xjmhj1e0), [Nexus](/technologies/ckl2pbh0fxew60730ifl3zozp), [Prisma](/technologies/ck2zdbmi7pv8r0a89ntc2r0f1)
- DevOps: [Docker](/technologies/ck2y1x9lho9cy0a8953xzfjr8), [docker-compose](/technologies/ck2y1xqino9g80a89tsftxin2), [Caddy](/technologies/ck2zd8ovqpuyl0a8909748sbu), [Ubuntu](/technologies/cktu8giks3593911vmle30ztqxt)
- UI-инструменты: [Styled-Components](/technologies/ckk8myysio7lw0730csszvrdw), [Material-UI](/technologies/ckljv3jwd7bgf0730huxlko9n), [react-hook-form](/technologies/ckmx8cn9fmwrv073032e67722)
- Всё актуальное для разработки, CI/CD и автоматизации 
- Эксперименты с [WebGL](/technologies/ckan9anntc12f08003saqttrq), [A‑Frame](/technologies/ck2tgoiz8j37y0a89c7gxsrxc), [Three.js](/technologies/ck2tgns1nj32z0a89vmw7xw3f), [Unreal Engine 4](/technologies/ck7puswy6g4yb07004cdp6lbr), [Elixir](/technologies/ckn0olavrnnzi0730xs8rctn8), [C++](/technologies/cknin1y8lu2fr07307mskn2fn)

---

## Разработка и менторство

- Более 15 лет **hands-on** разработки и проджект‑менеджмента
- Главный разработчик и преподаватель платформы [freecode.academy](https://freecode.academy)
- **Ведущий менти-пул на платформе** — лично выращиваю новых звезд отрасли

### Мои менти и их результаты

| Менти (ФИО \| username)                               | Уровень | Рейтинг |
|-------------------------------------------------------|---------|---------|
| [Попов Дмитрий \| linklib](/users/cjoe890c706ji0d962oismzoe)           | 3       | 315     |
| [Сэт \| defk1lla](/users/ckzh1ita312978121imr9hpqfc64)                 | 3       | 670     |
| [Ксения Матвеева \| Ксения Матвеева](/users/ckz4awwlh10627771imr4wvpb7cj) | 2       | 0       |
| [Михаил \| Balamut](/users/cl1npq92z10258261vmbq0w6vfh2)               | 2       | 0       |
| [Ольга Ершова \| angel](/users/cjoe87zhk00250d969arluevk)              | 1       | 0       |
| [Егор \| rogedkone](/users/cksrdp47d3308261ijuq7wfrxdl)                | 3       | 0       |
| [Roman \| Roman43](/users/ckur2qtt64721431xoboyjcte52)                 | 2       | 0       |
| [Бут Игорь \| santiment](/users/ckttd9x20893951vmltb8t7sha)            | 1       | 0       |

**Доношу простую мысль: успех — это не магия, это осознанная системная работа и кайф от роста.**
Мои менти выводят решения в продакшн, пробиваются в лидеры рейтингов — кому не хочется быть в такой команде?

---

## Почему я?

- **Прокачаю проект** — от TDD архитектуры до культурного CI/CD
- **Вдохновлю команду** — и научу мыслить по‑новому, где ИИ — напарник, а не угроза
- **Выращу мидлов и сеньоров** — доказано платформой и рейтингами моих учеников

**Сила — в сообществе, а техника — это просто смазка для ваших побед. Присоединяйтесь!**

---

## Контакты

- 📧 [n.lanets@freecode.academy](mailto:n.lanets@freecode.academy)
- Телеграм: [@freecode_academy](https://t.me/freecode_academy)

---

**P.S.**: Мой опыт — ваш драйвер роста. Хотите в команду? Ищете менторство? Пишите. Растём вместе!