Gatsby Add-on for Qoddi

Gatsby is a very popular React-based static site generator with more than 2500 plugins available.

Qoddi uses the NodeJS builder to build Gatsby apps along with a dedicated addon. The Gatsby plugin for Qoddi removes all friction while building a Gatsby app with Qoddi :

Simply link your Git Repository with your Gatsby app on it and the plugin will automatically do all the required operations to build and launch your site :

  • Alter network configuration to match with Gatsby requirements
  • Add additional buildpacks to support the hosting of static assets inside the /static directory
  • Do all post-build operations

Gatsby apps don’t need to have a Procfile or any additional file to run. Qoddi automatically set up the app in production mode, launch gatsby serve at the app startup and route the Internet traffic to your app.

If a Gatsby app is detected during the first build, the Gatsby addon is automatically installed for your app and will run at each subsequent build. You can remove it from the addons section of your app settings but in that case you will have to handle manually all the settings required to launch your app on FlashDrive.

With Free Dev Apps, unlimited traffic and visitors, and our powerful Edge network, Qoddi is one of the best solutions to run Gatsby apps today.

Detection of Gatsby

Gatsby is detected if the file gatsby-config.js is present inside your repository.

If your build fails

Verify the start sequence inside package.json is either gatsby develop or gatsby start :

 "scripts": {
    "build": "gatsby build",
    "develop": "gatsby develop",
    "start": "gatsby develop",
    "serve": "gatsby serve",
    "clean": "gatsby clean"
  }

If you get an error saying a module is not installed try adding npm update inside the build sequence :

 "scripts": {
    "build": "npm update && gatsby build",
    "develop": "gatsby develop",
    "start": "gatsby develop",
    "serve": "gatsby serve",
    "clean": "gatsby clean"
  }

Using Yarn instead of npm

The Gatsby plugin for Qoddi is made to build your app using npm only. If you want to use yarn instead of npm, add a yarn.lock file to your Git repository. You may also need to add a Procfile that includes the start sequence for Gatsby.
For Gatsby, we recommend using npm to leverage the auto-build specifics of the Gatsby plugin.

Was this helpful?

1 / 0