В Typenoscript тут GQL типы завезли, выглядит многообещающе

https://gql-tada.0no.co/

SSR

В следующий раз, когда решите делать SSR для SEO, вспомните про пререндер https://github.com/prerender/prerender
Его суть в том, что пользователи так же работают с SPA и ничего для них не меняется, но если зайдет робот, то ему с помощью браузера рендерится html.

Profit! Все довольны, сеошники открывают шампанское, разрабы радуются, что им не придется сношаться с Nuxt, Next и прочим.🎉

Есть куча мидлварей для разных языков, даже с помощью nginx можно сделать middleware https://github.com/prerender/prerender-nginx

#ssr #seo #frontend

Figma to Code

Скинули тут очередное AI поделие https://www.locofy.ai/
Зашел посмотреть, ну что там, фронтам уже пора учиться копать траншеи или нет...
Спойлер — Нет

Такое ощущение что все эти плагины AI для фигмы - это скам для инвесторов недалеких.

Эта шляпа сгенерила CRA проект, в котором 1 файл с html версткой на 5.5к строк. С адски кривой версткой.

У вас есть опыт положительный использования подобных инструментов? Мб прост мне не везет?

#ai #frontend

А, вот как выглядит верстка

Пока все переводят Фигму в код, эти чуваки https://html.to.design/home переводят код в фигму 😀

По мотивам https://news.1rj.ru/str/bearlogin_dev/247?comment=1287

6 шагов к восхитительной пюрешке

1. Чистим и варим картофан. Чтобы быстрее сварилось режем на большие куски.
2. Варим, пока без усилий не станем протыкать вилкой.
3. Воду после варки не выливайте совсем, она еще может понадобиться. Слейте ее в контейнер.
4. Толочь картофан лучше без воды совсем, так не будут лететь горячие брызги. И никогда не используйте блендер! Получится крахмальная, липкая фигня. Толчите нормальной ручной толкушкой.
5. Этот пункт только для бояр. Греем молоко и топим в нем сливочное масло. Не заливайте холодное молоко в картошку — будет противная и серая масса.
6. Делаем ямку и заливаем немного молока с маслом (или воды, которую слили на пункте 3)
7. Толчем дальше.
8. Повторяем 6,7 до тех пор, пока пюре не станет довольно жидким. Это важно, иначе после хранения, пюре будет отламываться кусками и не выглядеть как пюре. Если молока не хватило, берет воду с шага 3.

Всем пюре!

#еда #пюрешкаедабогов

Typenoscript теперь в телеграм Prisma Json

Значит дошли руки разобраться, что же делать с Json в призме, так как приводить типы порядком надоело (ну или затыкать рот компилятору as any)
Нашел такую вот замечательную либу https://github.com/arthurfiorette/prisma-json-types-generator

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

generator json {
  provider = "prisma-json-types-generator"
  // namespace = "PrismaJson"
  // clientOutput = "<finds it automatically>"
  // (./ -> relative to schema, or an importable path to require() it)
}

Затем где то в области видимости компилятора TS, например в src/index.ts пишем глобальный неймспейс и прописываем наш существующий тип.

declare global {
  namespace PrismaJson {
    type FormData = FormDataContract;
  }
}

В схеме пишем комментарий

model Form {
  /// [FormData]
  formData: Json
}

Запускаем генерацию и Profit, в сущности теперь типизированное поле!

Всем призма!

Bearlogin Dev

#prisma #typenoscript

Best breakdown of all times ИМХО https://youtu.be/1YxNiEl_Fic?si=8u-4qARwMx1LzZ6I&t=134

Ветку ребейзил,
Конфликты час резолвил,
Где мой код теперь?

#это575

©Devs хокку

Настроение утра https://m.youtube.com/watch?v=AN6JB_4yiGk для меня претендует на трек месяца

Клип https://m.youtube.com/watch?v=MTfot89Ddqc

Ожидание: Сделаем офигительный сайт, все будут скидывать друг другу — "смотри какой офигительный сайт!"
Реальность: все скидывают другу другу "Смотри какое тормозящее говно"
https://amie.so/

Вот просто запомните важную вещь — никогда не ставьте напитки между рук, когда сидите за компьютером...
Не благодарите.

Верстаем письма на React 🎓

Мб ты падал так низко, как и я, что тебе приходилось верстать письма, возможно ещё и таблицами 🤦‍♂️

Со временем, я адаптировался и нашёл фреймворк mjml, стало лучше, но проблема рендеринга изменяемого контента осталась. Решал я её nodejs шаблонизаторами

Сейчас же появился react-email с поддержкой tailwind, вроде должен закрывать все текущие проблемы

Сам пока не тестил, но как появится задача, то обязательно потыкаю эту либу

Кто-то уже использовал её?

Роли в команде

Интересная статья у Ильи Прахта по ролям в команде, и какие из них необходимы.

Кратко:
Белбин выделил 3 группы ролей в команде:
1. Роли, нацеленные на действие
2. Социальные роли
3. Интеллектуальные роли

И обозначил по 3 роли в каждой группе:
1. Мотиватор – всех вдохновляет что-то делать
2. Исполнитель – просто делает, превращает идеи в результаты
3. Педант – доводит дело до конца, перфекционирует
4. Координатор – заставляет всех работать вместе, раздает указания
5. Душа команды – просто приятный чувак, налаживает отношения внутри команды
6. Исследователь – налаживает контакты с внешним миром и приносит оттуда новые идеи
7. Генератор идей – создает новые идеи (в отличие от исследователя, свои собственные, ну или думает, что свои собственные)
8. Аналитик – ищет истину, фильтрует все идеи
9. Специалист – эксперт, знает как надо правильно

Необходимые
1. Мотиватор
2. Координатор
3. Генератор идей
4. Исследователь
5. Исполнитель

Пишите в коментах, какая роль у вас, и каких ролей не хватает к команде, и как с этим живется)
Я например сочетаю роли Координатора, Специалиста и Аналитика.

Сам пост тут https://news.1rj.ru/str/sedoydirector/260

Сломалось все вдруг,
node_modules очистил,
Код ожил — колдовство!

©Devs хокку

Супер эмоциональный клип трек и клип. Вообще как то руки до Imminence не доходили, все отдельными треками слушаю, которые залетают в рекомендации Apple Music, но бэнд явно недооцененный на мой взгляд. https://www.youtube.com/watch?v=dnJUQLvWBFg&ab_channel=Imminence
Этот же трек с живым вокалом https://www.youtube.com/watch?v=gdTEDY-Pvec&ab_channel=Imminence

Значит стучит ко мне такой вот индивидуум. А я хочу его в спам зарепортить, и не могу. Ну я у него спросил, а он обзывается... Почему в меню нет сообщить о спаме?

Сказал лиду я:
"Деплой в пятницу — к беде!",
В субботу деплою.

©Devs хокку

Взволнован девопс,
Пайплайн вечность тянется,
Только бы не упал...

©Devs хокку