Розробка третьої хвилі – Telegram
Розробка третьої хвилі
376 subscribers
422 photos
138 videos
425 links
Українською про веб-технології, і не тільки.

Як кав'ярня, тільки про технології.

https://www.bohdanptyts.com/
Download Telegram
Нещодавно пробував комбінацію Astro + Keystatic

Думаю, з Astro вже більшість знайомі, а от Keystatic я не ловив ніде в стрічці, попав на нього лиш як результат пошуку. Тому коротко розповім.

Keystatic це CMS, але заточена під редагування Markdown файлів (з різними підтипами) в проектах. Девелопер описує схему колецій, типу пости, проекти, будь що. А потім менш технічна людина, яка вже відповідає за контент може досить легко додавати, редагувати чи видаляти дані з цих колекцій. Ну і з візуальним превю, звісно ж.

Більше того, Keystatic використовує Git, тобто ніякої бази даних немає бо весь контент це файли. Будь які зміни створюють git commit і потім ваш СІ це автоматично деплоїть кудись. Так щей можна працювати в гілках. А авторизація через GitHub.

Мені ця ідея дуже сподобалась, бо рішення працює з будь чим, не потрібна підписка і тд.
👍5
Розробка третьої хвилі
Як конвертувати Astro та Keystatic в поляну з шашликами? 👀 Скоро напишу 💅
Діло було так. Вирішив спробувати чергове СТО - якраз треба було невеличке ТО зробити, свічки і тд. Хороша можливість прощупати, чи нормально на тому СТО шарять, чи просто крутять гайки на всіх машинах підряд. Загалом все вийшло непогано, вартувало ще одного відвідування.

Ну і якраз час перекидати колеса на зимові - заскочив знову до них. Поки чекав, прилітає питання: "а ти шариш в сайтах?" 😁

Yessir! Вони там мали якийсь сайт на нещасному візуальному редакторі й поломали його. Я просидів довше за цим, ніж вони за моїм авто. Але не зміг їм помогти, бо там така всрата система, що якщо сайт лежить - то й змінити в ньому нічого не можна, просто не зберігаються зміни. (нічого гіта і тд, все в якомусь сервісі)

Вони з мене не взяли грошей, приємно. Вирішив їм теж безкоштовно накинути копію їх сайту, лиш щоб менше парились з тим. Звісно, по ціні це взагалі не співставні речі, але мені було приємно - хороше ставлення та безкоштовна послуга. Ще й з собою в дорогу дали здорового чебурека 👑

Так я і спробував Keystatic. В них простий лендінг з контентом - все найс. Я описав там схеми для всіх секцій, пролейбував усе українською мовою, зробив логін через GitHub і тд.

Чому це краще, ніж їх поточний варік:

1. Поточний варік і так не працює 🤷‍♂️
2. В них немає аж такої потреби сильно редагувати сайт - лиш міняти контент, фотки в галереї і тд
3. Тепер потрібно платити лиш за домен, і все. Бо GitHub безкоштовно, логін через нього теж безкоштовно. Деплой на Vercel - безкоштовно, бо це влазить у hobby tier
4. Якщо вони щось поламають, то це легко відкотити, бо код у гіті
5. Візуально стало краще, ну принаймні на мій смак

Так, вони не зможуть самі редагувати те, що не передбачено. Треба розробника. Але думаю, цього і не часто треба буде - то й проблеми немає.

Сайт за заміну коліс на зимові - це ж art of a deal 🥊

Коротше, добро повертається сторицею, чи не так?

Ну, а на фото кусок поляни. Вони запросили мене з ними потусити, нормас.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍14🔥51👏1
Astro strong

Якийсь тіпок хвалиться своїм першим сайтом на Astro, за який клієнт заплатив $6700
По відчуттях це яке переродження вордпрес темплейтів за гроші, просто в іншій обгортці

Але це точно не там, де всі гроші лежать)

https://www.reddit.com/r/astrojs/comments/1olz7g2/i_built_my_first_website_for_a_client_and_earned/
👍2🔥21
Тепер потрібно що менше зусиль, що почати пет проект

https://x.com/shadcn/status/1985237750489182655
🔥6🤡1
This media is not supported in your browser
VIEW IN TELEGRAM
Воу воу воу! Тепер можна давити АІ аналізувати performance сторінки через Chrome DevTools.

https://developer.chrome.com/blog/new-in-devtools-142#performance
👍6🔥1
Коли агент починає комітити і пушити - він стає поганим агентом....
😱3
Я так

А ви?
5👎2🔥2🤮1
100% не повʼязані події))))

Першому тіпу звісно пісюнів накидали як має бути
🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
Дуже гарно, але все таки, без оптимізації та стриманості - всі такі анімовані інтерфейси глючні. Навіть на high-end залізі

https://designengineer.lorenzodossi.com/toaster
👍2
Користуєтесь агентам для ревю пул реквестів?

Ми - так
Пробував декілька інших раніше, всі якась фігня. Але потім хтось знайшов Mesa.
Я, як завжди, був досить скептичний спочатку. Але мені таки сподобалось. Десь 75% коментарів справді валідні, Mesa непогано розуміє контекст проекту а не тільки контекст пул реквесту. Не ідеально, але цілком добре.

Ми, схоже, були їх альфа-тестувальинками (чи бета), бо вони в моєму календарі відмітили що сьогодні повноцнний реліз.

З цікавого, що воно знаходить і дуже виручає - опечатки. Але не такі що лінтер чи TS відловить, а логічні. Ну наприклад не те значення з Enum використав, зробив опечатку в роуті чи ще щось. Більш масштабні речі теж норм ловить.

Приємно, що я не раз давав їм фідбек через Slack і вони вносили зміни.

Короче, можу рекомендувати!

https://www.mesa.dev/
👍3
Студія, є питання

Які ваші версії? 🤑
😁3🤡1
This media is not supported in your browser
VIEW IN TELEGRAM
WhatsApp як тунель

Думаю багатьом такі ідеї могли прийти в голову, але ось хтось таки імплементував. Фактично надсилання TCP пакетів через повідомлення у WhatsApp. Застосувань може бути багато, але одне з прикольних це використання цього коли оператор робить деякі додатки безлімітними на трафік, і тоді можна спробувати весь свій трафік надсилати через цей тунель.

https://github.com/aleixrodriala/wa-tunnel/
👍4🤯3
Як АІ допомагає швидше адаптуватись в компанії, власні спостереження

Коли я прийшов у поточну компанію, то АІ тільки набирав популярності саме в розробці (в широких масах), і багато компаній намагались заохочувати працівників ним користуватись. Якраз тоді, в попередній компанії, всім дали GitHub Copilot, і промпти писались або інлайн поміж коду (найпевніше найвсратіший режим), або в чатіку з ChatGPT. Я тоді дуже цьому опирався і писав пачками коментарі на пул реквести, бо та компанія поставила ціль досягнути AA рівня в Accessibility і, схоже, я був єдиним, хто прочитав відповідну документацію і зробив хоч якесь дослідження. А більшість людей просили АІ магічним чином додати a11y до компонентів.

Трошки відволікся, назад до теми. Так от, коли я прийшов у поточну, то було досить нелегко розібратись із кодом, бо його справді дуже багато і він справді складний, потрібно domain knowledge + знання структури проєкту. І це типова ситуація - багато людей, коли приходять у компанію, зіштовхуються з цим. Лиш проблема, що багатьох це ламає. Ну не розумієш ти той код, не розумієш, яка логіка за цим стоїть і чому зроблено так, а не інакше. І коли я кажу, що це ламає — то хтось йде, а хтось просто не стягує і здається, ну і відповідно просто так людини в компанії не буде, її замінять.

Але за той час, до зараз, використання АІ настільки змінилось, що дозволяє таким людям не зламатись, а навпаки - швидко рухатись. Це не магічна таблетка, не рішення всіх складнощів, але точно важливий елемент для росту.

Може бути дві людини з однаковими скілами. Але якщо одна буде мати інструмент, щоб швидше розібратись і зрозуміти проєкт - будь то класні тімейти чи АІ - а інша не матиме, вгадайте, хто буде продуктивнішим з часом.

От і я спостерігаю, як АІ дозволяє в режимі діалогу з агентом випитати про структуру проєкту дуже багато. Знайти якісь патерни, не марнувати час на переімплементацію того, що вже є, просто під іншою назвою.

Фактично, раніше, коли складались зорі, то ви могли отримати дуже помічних тімейтів + документацію + гарний код. Але рідко все одразу. А зараз, за допомогою АІ, можна автоматично перекрити пусті частини. Не потрібно чекати відповіді тімейта за 2 години чи вручну шукати компоненти. Достатньо навчитись гарно ставити питання.

Це ще один інструмент, і він багато може - потрібно користуватись. Лиш не потрібно забивати цвяхи викруткою.

From skeptic to believer, уф.

(картинку взяв з сайту Mesa)
👍11🔥2