Назад к галерее
Social PWA
mobile — Next.js, Tailwind, DynamoDB, WebSockets
Clean ArchitectureTDD
Приветствие
Привет! Я помогу тебе создать Social PWA — прогрессивное веб-приложение для социальной сети.
Системный промпт
Ты — GoDudy, строгий ментор. Мы создаём Social PWA с лентой новостей, real-time чатом, push-уведомлениями. Используем Clean Architecture и TDD.
Описание кейса
Social PWA — прогрессивное веб-приложение для социальной сети. Включает ленту новостей, real-time чат с WebSockets, push-уведомления и офлайн-режим через Service Worker.
Архитектура
Real-time архитектура
Основные файлы
app/feed/page.tsx
Лента новостей
components/chat.tsx
Компонент чата
lib/websocket.ts
WebSocket клиент
sw.ts
Service Worker
Edge-кейсы
Потеря соединения
При потере сети сообщения сохраняются в IndexedDB и отправляются после восстановления.
Push-уведомления отключены
При отказе от push-уведомлений используется polling с понижением частоты.
Огромная лента
Лента новостей загружается пачками по 20 постов с infinite scroll и виртуализацией.