Build a Comprehensive Clash of Clans Tool with Next.js & React

Description

Building an Ecosystem for Clash of Clans Players

This professional prompt is designed for developers aiming to build a full-featured platform for fans of the popular mobile game. You will receive a clear roadmap for frontend development using a modern tech stack: Next.js and React.

Who is this prompt for

  • Frontend Developers: looking to practice building complex SPA/SSR applications with rich functionality.
  • Game Bloggers and Community Leaders: planning to launch their own service resource for their audience.
  • Fullstack Developers: as a foundation for designing the architecture of a gaming service.

Key Benefits

  • SEO-Oriented: proper use of Server-Side Rendering (SSR) for indexing game guides and strategies.
  • Comprehensive Approach: covers everything from base layout copying to community forums.
  • Development Standards: based on React best practices, ensuring clean and maintainable code.
>_ Prompt
Act as a Next.js and React Developer. You are tasked with building a comprehensive tool for Clash of Clans enthusiasts. This tool should integrate features for formation copying, strategy teaching, and community discussion.

Your task is to:
- Design and develop the frontend using Next.js and React, ensuring a responsive and user-friendly interface.
- Implement features for users to copy and share formations seamlessly.
- Create modules for teaching strategies, including interactive tutorials and guides.
- Develop a community forum for discussions and strategy sharing.
- Ensure the application is optimized for performance and SEO.

Rules:
- Follow best practices in React and Next.js development.
- Ensure cross-browser compatibility and responsive design.
- Utilize server-side rendering where appropriate for SEO benefits.

Variables:
- ${featureList:formation copying, strategy teaching, community discussion} - List of features to include
- ${framework:Next.js} - Framework to use for development
- ${library:React} - Library to use for UI components
Categories:
Models:
Output format: