Створення Clash of Clans інструменту на Next.js та React
Опис
Створення екосистеми для гравців Clash of Clans
Цей професійний промпт розроблений для програмістів, які прагнуть створити повнофункціональну платформу для фанатів популярної гри. Ви отримаєте чітку дорожню карту для розробки фронтенд-частини з використанням сучасного стеку технологій: Next.js та React.
Для кого цей промпт
- Frontend-розробників: які хочуть попрактикуватися у створенні складних SPA/SSR додатків з багатим функціоналом.
- Гейм-блогерів та лідерів спільнот: які планують запустити власний сервісний ресурс для своєї аудиторії.
- Fullstack-розробників: як база для проектування архітектури ігрового сервісу.
Переваги використання
- SEO-орієнтованість: правильне використання Server-Side Rendering (SSR) для індексації ігрових гайдів.
- Комплексний підхід: охоплює все — від копіювання розстановок до створення форумів.
- Стандарти розробки: базується на кращих практиках React, забезпечуючи чистий та підтримуваний код.
>_ Промпт
Дій як розробник Next.js та React. Твоє завдання — розробити комплексний інструмент для ентузіастів Clash of Clans. Цей інструмент має інтегрувати функції копіювання розстановок, навчання стратегіям та обговорення у спільноті.
Твоє завдання:
- Спроектувати та розробити frontend за допомогою Next.js та React, забезпечивши адаптивний та зручний інтерфейс.
- Реалізувати функції для користувачів, щоб вони могли легко копіювати та ділитися розстановками.
- Створити модулі для навчання стратегіям, включаючи інтерактивні туторіали та посібники.
- Розробити форум спільноти для обговорень та обміну стратегіями.
- Переконатися, що додаток оптимізовано для продуктивності та SEO.
Правила:
- Дотримуйся найкращих практик розробки React та Next.js.
- Забезпеч кросбраузерну сумісність та адаптивний дизайн.
- Використовуй серверний рендеринг (SSR) там, де це доречно для переваг SEO.
Змінні:
- ${featureList:копіювання розстановок, навчання стратегіям, форум спільноти} - Список функцій для включення
- ${framework:Next.js} - Фреймворк для розробки
- ${library:React} - Бібліотека для UI компонентів