More Premium Hugo Themes Premium Nextjs Themes

Wongames

A scalable game store made with NextJS and integrated with Strapi and GraphQL

Wongames

A scalable game store made with NextJS and integrated with Strapi and GraphQL

Author Avatar Theme by andrecampll
Github Stars Github Stars: 14
Last Commit Last Commit: Oct 3, 2021 -
First Commit Created: Dec 18, 2023 -
Wongames screenshot

Overview

WonGames is an awesome game store made with Next.js, a React framework. This project was created to practice advanced concepts of React, such as component development, global state management, GraphQL, server-side rendering, static site generation, and content management using Strapi. The project uses various technologies such as Next.js, React, GraphQL, Apollo, Styled-Components, Axios, Styled Icons, TypeScript, Storybook, Jest, Cypress, and React Testing Library.

Features

  • Next.js framework for building the game store
  • Advanced React concepts for component development and global state management
  • GraphQL for data retrieval and manipulation
  • Server-side rendering for faster loading of pages
  • Static site generation for efficient content rendering
  • Content management using Strapi CMS
  • Components developed with TDD using Storybook, Jest, Cypress, and React Testing Library

Installation

To obtain this project, follow these steps:

  1. Clone this repository using git clone <repository_url>.
  2. Run the yarn command at the root of the cloned project folder to download the dependencies.
  3. Run yarn dev at the root of the project folder to start the application in development mode.
  4. Open the application in your emulator. You can also use npm instead of yarn for package management.

Summary

WonGames is an impressive game store created using Next.js and various other technologies. It serves as a learning project to practice advanced React concepts and development techniques. The project includes features such as server-side rendering, static site generation, GraphQL data retrieval, and component development with TDD. By following the installation guide, users can easily set up and explore the project on their local environment.