More Premium Hugo Themes Premium React Themes

Relay Fullstack

:point_up::running: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS

Relay Fullstack

:point_up::running: Modern Relay Starter Kit - Integrated with Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS

Author Avatar Theme by lvarayut
Github Stars Github Stars: 982
Last Commit Last Commit: Nov 25, 2017 -
First Commit Created: Jun 19, 2023 -
Relay Fullstack screenshot

Overview:

Relay Fullstack is a Relay scaffolding application that aims to simplify the process of starting a project by integrating multiple tools and technologies. It includes modern technologies such as Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS. The application uses hot-reload to update the screen in real-time whenever any code changes.

Features:

  • Integrated with multiple modern technologies: Relay, GraphQL, Express, ES6/ES7, JSX, Webpack, Babel, Material Design Lite, and PostCSS.
  • Supports hot-reload for real-time updates.
  • Unopinionated and allows customization based on project needs.
  • Integrated with Yeoman for choosing technologies such as database and Flow.

Installation:

Basic Installation:

  1. Install watchman by following its installation guide.
  2. Clone the repository to your local directory.
  3. Install all dependencies.
  4. Start developing.
  5. Open your web browser and go to http://localhost:3000 for Relay application or http://localhost:8000 for GraphiQL.

Advanced Installation:

  1. Install yo and generator-relay-fullstack globally.
  2. Create a new directory and start the generator.
  3. Answer the prompt questions to customize the application.
  4. Open your web browser and go to http://localhost:3000 for Relay application or http://localhost:8000 for GraphiQL.

Deployment:

Local Machine:

To deploy the project:

  • Minify all JavaScript files.
  • Stop spawning the GraphiQL server.
  • Pull off duplicate dependencies.
  • Remove unnecessary scripts, such as Hot-reload. Execute the following command:
command_here

Then, open your web browser and go to http://localhost:3000.

Heroku:

Before getting started, make sure you have installed the Heroku Toolbelt. To deploy the application:

  1. Execute the necessary steps using Heroku Toolbelt.
  2. Open the application on your default browser using heroku open.

Schema:

Whenever the server is started, the application automatically executes the updateSchema.js script to compile the schema definitions to schema.json and schema.graphql, which are required by Relay framework. You can also manually run the script.

Summary:

Relay Fullstack is a Relay scaffolding application that integrates multiple modern technologies, such as Relay, GraphQL, Express, and more. It simplifies the process of starting a project and provides features such as hot-reload and customization options. The installation process includes basic and advanced options, allowing users to choose technologies based on their needs. The deployment process includes steps for deploying on a local machine and on Heroku. The application also provides a script for compiling schema definitions required by the Relay framework.