LEMON / МАТЕРИАЛЫ
Статьи
Разборы конкретных задач: от архитектуры приложения до API и технического SEO.
01Схема технической индексации в Next.jsSEO в Next.js App Router: sitemap, robots, canonical и языковые URL · 8 минут↗02Запрос, сериализатор, ответ и граница между Next.js и DjangoDjango REST Framework + Next.js, как связать фронтенд с API · 7 минут↗03Как подключить бесплатную нейросеть к своему приложениюПервый запрос к бесплатной LLM через OpenRouter, серверный код на Python и ограничения бесплатного API · 6 минут↗04Как сделать форму с понятными ошибками в ReactФорма заметки на React Hook Form и Zod с проверкой данных, сообщениями об ошибках и примером для Next.js · 7 минут↗05Как принимать оплату на своём сайтеПриём платежей через ЮKassa в приложении на Django и Next.js, от кнопки оплаты до подтверждения платежа · 7 минут↗06Как TypeScript помогает не ломать React-компонентыReact + TypeScript на одном примере: типы props, объект данных, optional-поля и понятные ошибки компилятора · 6 минут↗07Как устроена JWT-авторизация и почему API перестаёт пускать пользователяJWT access и refresh, защищённый endpoint Django REST Framework и причины ответа 401 · 7 минут↗08Как проверить логику приложения с помощью VitestUnit-тест на Vitest для обработки параметров URL, три проверки и запуск без браузера · 6 минут↗09Как добавить авторизацию в Next.js через SupabaseКак добавить вход по ссылке из письма в Next.js, получить пользователя и защитить его данные через Supabase · 7 минут↗010Как сделать API для своего приложения на DjangoСоздаём JSON API на Django REST Framework, добавляем serializer, маршрут и проверяем ответ в браузере · 7 минут↗011Почему useEffect в React запускается дваждыРазбираем повторный запуск useEffect, зависимости, StrictMode и очистку подписок на простом примере React · 6 минут↗012Где взять API-ключ OpenRouter и как не раскрыть его в приложенииСоздание API-ключа OpenRouter, переменные окружения, проверка доступа на Python и защита ключа в своём приложении · 6 минут↗013Как выбрать бесплатную модель в OpenRouterКак найти бесплатные модели в OpenRouter, сравнить их возможности, проверить лимиты и выбрать модель для своего AI-приложения · 7 минут↗014Как проверить работу сайта с помощью PlaywrightПервый браузерный тест Next.js на Playwright, проверка страницы, перехода по ссылке и запуск после production-сборки · 7 минут↗015Как превратить созданное с помощью ИИ приложение в рабочий продуктОт сгенерированного интерфейса к рабочему приложению: данные, сервер, авторизация, проверка основных сценариев и запуск · 7 минут↗016Как сделать поиск и фильтры через URL в Next.jsКак сделать поиск и фильтрацию каталога через параметры URL в Next.js App Router, чтобы сохранялись ссылки и работала кнопка «Назад» · 7 минут↗017Как выбрать API-провайдера нейросетей для своего приложенияПрямое подключение и агрегаторы LLM, сравнение стоимости, лимитов, задержек и форматов API на примере AI-приложения · 7 минут↗018Как использовать Supabase вместо отдельного backendСоздаём таблицу в Supabase, сохраняем избранные события из Next.js и ограничиваем доступ к записям через RLS · 7 минут↗019Как настроить повторные платежи через ЮKassa для подпискиСохранение способа оплаты, повторное списание через API ЮKassa, сроки подписки и обработка неуспешных платежей · 7 минут↗020Как работает useState в React на примере избранных товаровuseState в React на примере избранных товаров, обновление массива без мутации, повторный рендер и границы локального состояния · 6 минут↗021Почему OpenRouter возвращает ошибку 403 и что проверитьЧто означает HTTP 403 в OpenRouter, как проверить ограничения ключа, модели и guardrails и найти причину отказа API · 6 минут↗022Почему Next.js работает локально, но ломается после деплояРазбираем ошибки сборки Next.js, переменные окружения, серверные запросы и проверку production перед публикацией · 7 минут↗023Вайбкодинг после прототипа. Почему приложение ещё не готово к запускуЧто проверить после создания приложения с ИИ: реальные функции, доступ к данным, расходы, сбои, платежи и обслуживание после запуска · 7 минут↗024React или Next.js. Когда стоит переходить на Next.jsКогда React-приложению нужен Next.js, что меняется в маршрутизации, серверной загрузке данных и компонентах, как начать переход · 7 минут↗025Чем фронтенд отличается от бэкенда на примере одного запросаКак браузер, сервер, API и база данных работают вместе. Разбираем один запрос пользователя от нажатия кнопки до ответа интерфейса · 7 минут↗026Когда использовать React Query, а когда загрузку данных Next.jsЗагрузка и обновление данных через TanStack Query, queryKey, кэширование и сравнение с серверными компонентами Next.js · 7 минут↗