GyaanSetu WebDev

Фронтенд, бекенд та DevOps для сучасного вебу.

127 articlesDeep, practical knowledge

Перевірка ширини зламала кандзі

Перевірка ширини зламала кандзі. Ім'я потрапило в таблицю термінала і вийшло пошкодженим. Прізвище було 𠮷田. Перший символ — це не звичайне 吉, а 𠮷 (U+20BB7). Це рідкісний...

WebDev · 2 min read

Як розгорнути NestJS на спільному хостингу Namecheap

Як розгорнути NestJS на спільному хостингу Namecheap. Розгортання NestJS на спільному хостингу Namecheap не схоже на розгортання статичного сайту або PHP-додатка. Ви не можете просто завантажити файли та екс...

WebDev · 2 min read

Ваш агент не зламав прод. Це зробив ваш пайплайн.

Ваш агент не зламав прод. Це зробив ваш пайплайн. Ваш агент не зламав продакшн. Це зробив ваш пайплайн. Багато команд використовують агентів для створення pull requests. Вони використовують CI для перевірки лінтера…

WebDev · 2 min read

Тестування процесів зміни email у React без плутанини з посиланнями

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

WebDev · 3 min read

Мій CI/CD пайплайн працював без помилок 3 місяці — а потім я прочитав логи

Мій CI/CD пайплайн працював без помилок 3 місяці — а потім я прочитав логи. Зелені галочки вселяють впевненість. Кожен pull request проходив успішно. Кожен деплой працював. А потім користувач повідомив про зламану функцію. Це...

WebDev · 2 min read

Усі оптимізації для досягнення ідеального показника Lighthouse

Усі оптимізації для досягнення ідеального показника Lighthouse. Я постійно запускаю Lighthouse на своєму сайті. Він стабільно показує 100 при кожному локальному запуску та 100 у показнику Vercel Real Experience Score. Ці sc…

WebDev · 2 min read

Ось що я дізнався як розробник синхронного PHP про асинхронний PHP

Ось що я дізнався як розробник синхронного PHP про асинхронний PHP. Я роками працював з Laravel. Я використовував синхронний PHP. Надходить запит, виконується процес, і надсилається відповідь. Я ніколи...

WebDev · 2 min read

Тестування React-імейлів із запрошеннями без конфліктів у поштових скриньках

Тестування React-імейлів із запрошеннями без конфліктів у поштових скриньках. Середовища попереднього перегляду дають збій, коли потоки запрошень переповнюють спільну поштову скриньку QA. Один тестувальник відкриває не те посилання. Інший бере старе повідомлен…

WebDev · 2 min read

Як корпорації використовують генеративний ШІ поза межами чат-ботів

Як корпорації використовують генеративний ШІ поза межами чат-ботів. Справжні зміни відбуваються не у вікнах чату. Вони відбуваються всередині інструментів, якими ви користуєтеся щодня. Чат-боти були лише зірками…

WebDev · 2 min read

4 патерни GitHub Actions для Monorepo ETL

4 патерни GitHub Actions для Monorepo ETL. Запуск трьох сайтів з одного монорепозиторію створює проблеми. Ви стикаєтеся з трьома окремими ETL-завданнями, трьома перезбірками контенту та трьома процесами розгортання...

WebDev · 2 min read

Я створив власну платформу для тунелювання

Я створив власну платформу для тунелювання. Я витратив три дні на доведення до ідеалу вебдодатка на своєму ноутбуці. Він виглядав бездоганно. Потім я спробував протестувати його на своєму телефоні. Все зламалося. Локальна розробка…

WebDev · 2 min read

AWS для новачків: S3, дедуплікація та попередньо підписані URL-адреси

AWS для новачків: S3, дедуплікація та попередньо підписані URL-адреси. Припиніть створювати іграшкові додатки. Почніть будувати продакшн-системи. Якщо ваш сервер є тимчасовим, ваші файли не можуть зберігатися на його диску.…

WebDev · 2 min read

Створення модального вікна пошуку для WordPress-сайтів з обмеженим доступом

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

WebDev · 2 min read

Використання ШІ для пошуку багів авторизації

Використання ШІ для пошуку багів авторизації. Програми Bug bounty змінюються. Деякі програми припинили виплачувати винагороди. Інші скоротили виплати на 80%. Причина не в тому, що ШІ знаходить занадто багато багів...

WebDev · 2 min read

Прагматичний програміст: 20 років потому

Прагматичний програміст: 20 років потому. Я прочитав «Прагматичного програміста» понад два десятиліття тому. Тоді це здавалося просто списком хороших практик. Сьогодні, після років ламання систем…

WebDev · 2 min read

Сад, про який ніхто не просив

Сад, про який ніхто не просив. 21 червня я створив сад. Я не створював кодову базу чи дашборд. Я створив ALICE Garden. Він живе за локальною URL-адресою, коли я працюю, і в репозиторії GitHub...

WebDev · 2 min read

Як ми будуємо безпечні для клієнтів процеси публікації

Як ми будуємо безпечні для клієнтів процеси публікації. Більшість автоматизації соцмереж зазнають невдачі, оскільки розглядають публікацію як усю роботу. Для роботи з клієнтами публікація — це лише останній крок. Ре…

WebDev · 2 min read

Кастомний інтернет-магазин на Firebase

Кастомний інтернет-магазин на Firebase. Я створив власний інтернет-магазин з нуля. Я не використовував готові платформи. Замість цього я використав Firebase Realtime Database та Netlify. CLI...

WebDev · 2 min read