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:
- Clone this repository using
git clone <repository_url>. - Run the
yarncommand at the root of the cloned project folder to download the dependencies. - Run
yarn devat the root of the project folder to start the application in development mode. - Open the application in your emulator. You can also use
npminstead ofyarnfor 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.