Overview

The Boilerplate: Frontend with React + GraphQL + Apollo is a project designed to provide an easy and fast way to start new projects in JavaScript. It consists of two repositories, one for the backend and one for the frontend application. The frontend boilerplate is built using technologies like React, GraphQL, Apollo Client, and Bootstrap 4.

Features

• ✅ A frontend application ready to use
• ✅ Users can login and register
• ✅ Separated routes for users with the role of the ‘administrator’
• ✅ Ready to connect with backend
• ✅ Customizable UI with the option to implement any other UI library or use your own CSS

Installation

To run the frontend application, you need to have the backend running. It is recommended to use the backend boilerplate provided by the author.

Requirements:

• Node.js 18.15 or higher

Steps to run the application:

1. Use the command npm install to install the necessary dependencies.
2. Duplicate the configuration file _env and rename it as .env.
3. Edit the .env file and configure the necessary environment variables.
4. Use the command npm run start to start the application.

To deploy the application:

1. Use the command npm install --production to install the required production dependencies.
2. Make sure you have the correct environment variables configured in the .env file.
3. Use the command npm run build to create a production bundle in the ./build folder.
4. The content of the ./build folder is ready to be deployed to production.

If you need help with the .env file, refer to the provided guide with key descriptions and their corresponding values.

Summary

The Boilerplate: Frontend with React + GraphQL + Apollo is a convenient solution for starting new JavaScript projects. It provides a frontend application built with React, GraphQL, Apollo Client, and Bootstrap 4. The boilerplate offers features like user registration and login, role-based routing, and easy integration with a backend. It also allows for customization of the UI using different UI libraries or custom CSS. The installation process requires setting up the backend and configuring environment variables. Overall, this boilerplate aims to simplify the initial setup and development process for JavaScript projects.