Getting started

What is Gridbox

Gridbox is a headless Wordpress website builder that makes use of Wordpress and its default Gutenberg editor to create and manage your website content and display in a Gridsome website.


Traditional WordPress consist of the admin panel and the website that are tied together. A headless WordPress in the other hand do separate these. Make sure your development environment is ready for both back-end and front-end.

Recommended setup to run WordPress

  • PHP version 7.4 or greater.
  • MySQL version 5.6 or greater OR MariaDB version 10.1 or greater.
  • HTTPS support

Recommended setup to run Gridsome

  • Node.js (v8.3+)
  • Yarn


There are 2 steps for setting up your project

  1. Installing WordPress and configuring Gridbox Theme
  2. Running Gridsome front-end

Domain Structure

Install WordPress on a subdomain and NOT the main domain. For example if your website domain is mywebsite.com, your WordPress installation should be on wordpress.mywebsite.com. This way we reserve the main domain for the front-end that will be deployed on a serverless platform.

Installing the theme

After you have installed WordPress, you can start installing Gridsome theme following these steps:

  1. In your WordPress admin go to Appearance/Themes - Add New and upload both gridbox-theme and gridbox-child-theme.
  2. Activate Gridbox Child theme
  3. Go to Appearance/Install Plugins and start Installing required plugins. Make sure plugins are activated.

Import Demo Data

You can import the demo content shown in the demo to your WordPress installation. To import one of the predefined demos go to Appearance/Import Demo Data and select your ideal demo and click import.

After you have imported the demo content, you can delete "One Click Demo Import" plugin as we don't need it anymore.

Was this article helpful?

0 out of 0 liked this article

Still need help? Message Us