Live: Битва з Unauthorized #8 - Відладка JWT, Amazon SES та Фікс Помилок (Frontend/Backend)

Усім привіт! 👋 Знову в ефірі з BrainMessenger! Це восьмий стрім по нашій розробці.

🚀 *Що робитимемо сьогодні:*
Після успішного посилення бекенду на минулому стрімі (#7), сьогодні ми вирішуємо критичні проблеми, які виникли вчора (19.04.2025). Наша мета – побороти помилку "Unauthorized" та завершити перехід на Amazon SES для відправки листів! Ось наш детальний план:
1. *Продовжуємо відлагоджувати помилку "Unauthorized":* Вчора ми провели аналіз логів та конфігурації JWT, внесли зміни на фронтенді та бекенді, але помилка все ще є. Сьогодні ми заглибимося в аналіз нових логів з бекенду, щоб знайти точну причину збою валідації токена і усунути її.
2. *Завершуємо міграцію служби email на Amazon SES:* Вчора ми почали цей процес, встановили пакет SDK та замінили логіку відправки. Сьогодні ми переконаємося, що всі налаштування в консолі AWS (верифікація відправника, доступ) виконано правильно, що змінні оточення на бекенді налаштовані, і **проведемо фінальне тестування відправки листів через SES**.

Вчорашній день приніс багато інсайтів у процесі відладки: ми працювали з логами, перевіряли конфігурацію JWT та Apollo Client, боролися з помилками авторизації та почали складну міграцію на Amazon SES. Це був цінний досвід!

🧠 *Про проєкт BrainMessenger:*
Це мій особистий Full-Stack проєкт та шлях саморозвитку. Ділюся всім процесом розробки від ідеї до реалізації, включаючи пошук та виправлення складних помилок, як безпекових, так і функціональних!

💻 *Інструменти та Технології у фокусі:*
TypeScript, Node.js (NestJS / Express - *уточниш на стрімі*)
React / Next.js
GraphQL, Apollo Client
JWT (токен аутентифікації)
Amazon SES (служба відправки email)
.env файли (змінні середовища)
VS Code, Термінал, Браузер (для консолі AWS).

📈 *Вчимося на помилках!*
Вчорашні складнощі показали, наскільки важливі *системний підхід до відладки* (з логами та покроковим аналізом), правильне *планування залежностей* (встановлення пакета до компіляції) та *фокусування на задачах* (завершити одну перед початком іншої). Сьогодні ми застосовуємо ці уроки на практиці!

💬 *Долучайтеся до обговорення!*
Чи стикалися зі складними помилками аутентифікації або міграцією поштових сервісів? Які ваші улюблені методи відладки? Діліться досвідом та ставте будь-які запитання по темі стріму, проєкту чи мого шляху!

*Підтримати проєкт / канал:*
Якщо ви цінуєте те, що я роблю, і хочете підтримати розвиток BrainMessenger або канал, буду дуже вдячний! Ваша підтримка допомагає рухатися вперед та мотивує робити більше!

*Підтримати Криптовалютою (через NOWPayments):*
TON (The Open Network): [https://nowpayments.io/payment/?iid=6...](https://nowpayments.io/payment/?iid=6...)
USDT (TRC-20 Network): [https://nowpayments.io/payment/?iid=5...](https://nowpayments.io/payment/?iid=5...)
BTC: [https://nowpayments.io/payment/?iid=4...](https://nowpayments.io/payment/?iid=4...)
ETH (ERC-20 Network): [https://nowpayments.io/payment/?iid=5...](https://nowpayments.io/payment/?iid=5...)
USDT (ERC-20 Network): [https://nowpayments.io/payment/?iid=5...](https://nowpayments.io/payment/?iid=5...)
(**Примітка:* Це посилання на фіксовану суму. Для можливості надіслати іншу суму, я пізніше додам більш гнучкі варіанти!)*

*Інші способи підтримки:*
https://www.patreon.com/c/Induktr?red...

🎉 *Мій День Народження наближається!* 🎉
До речі, 28 квітня у мене День народження! Якщо захочете зробити мені подарунок, можете підтримати проєкт або канал за цими посиланнями. Це буде найкращим подарунком та мотивацією для подальшої роботи над BrainMessenger! (Сьогодні вже 19 квітня, залишилося 9 днів!) (**Важливо:* Цей блок варто адаптувати або прибирати в залежності від дати публікації відео. Якщо стрім буде 27 чи 28 квітня, можна зробити його більш виразним.)*

👍 *Стрім сподобався?*
Ставте лайк! 👍
Підписуйтесь на канал "Induktr", щоб бачити весь шлях розробки та вчитися на реальних прикладах!
Натисніть на дзвіночок 🔔 для сповіщень!

🔗 *Корисні посилання:*
Мій Telegram-канал: https://t.me/Induktrs
GitHub репозиторій проєкту: https://github.com/Induktr/BrainMesse...
Плейлист зі стрімами BrainMessenger: https://youtube.com/live/VP1a6znmK_8

Дякую за перегляд! Починаємо відлагоджувати та завершувати міграцію! 🐛➡️✅

#livecoding #typescript #nodejs #react #nextjs #frontend #backend #debugging #unauthorized #jwt #authentication #amazonSES #email #migration #programming #brainmessenger #devstream #troubleshooting #graphql #apibugs #украінськийкод #розробкаукраіна