Overview

The content provided is discussing the technology overview and development environment setup for the RenoFa Parking Web application. The application aims to improve the efficiency of operating home games for RenoFa Yamaguchi FC.

Features

• Nextjs (React framework)
• Chakra UI (CSS)
• TypeScript (introduction of types)
• Prettier (code formatting)
• ESLint (syntax checking)
• Husky (automatic constraints for Git operations)

Installation

To set up the development environment for the RenoFa Parking Web application, the following prerequisites are required:

• Node.js v14.x
• Yarn v1.x or docker-compose v2.x
• Make v3.x

Since Node.js has transitioned to version 16, the development environment setup will soon be migrated to a 16-base.

Before proceeding with the environment setup, it is necessary to install the required dependencies.

There are two methods for setting up the environment:

1. Using Firebase Local Emulator: Follow the instructions in the official documentation to set up the necessary environment. Start the emulator using the provided command.
2. Alternative method: Execute the provided commands in the terminal.

For those using VSCode as their editor, there are recommended extensions available in this repository. Please refer to the repository page for installation instructions.

The usage of branch operations (Gitflow workflow) and commit messages with emoji prefixes based on gitmoji is under consideration.

Batch processing is implemented under the “functions” directory, which contains the code related to batch processing. The functions are executed periodically using Firebase and deployed manually.

Deployment to both the development and production environments is possible.

Summary

The article provides an overview of the technology used in the RenoFa Parking Web application, including Nextjs, Chakra UI, TypeScript, Prettier, ESLint, and Husky. It also explains the prerequisites for setting up the development environment and provides two methods for environment setup. Additionally, the article mentions the recommended extensions for VSCode users, branch operations, commit message conventions, batch processing, and deployment to development and production environments.