I. Install Drupal
We start to blank drupal
II. Install Component Builder module
$ composer require 'drupal/inline_entity_form:^1.0@RC'
$ composer require 'drupal/entity:^1.3'
$ composer require 'drupal/component_builder'
III. Enable component builder module
Step 1. At the admin menu, click on Extend menu.
Step 2. At the Filter box, enter “Component” and then search.
Step 3. Tick on “Component Builder” and “Component Builder Toolbar”.
Step 4. Click on Install and wait for the installation to finish.
IV. Activate some component type
Step 1. At admin menu, choose Component menu then click on Setting
Step 2. Click on Enable component type field
Step 3. Click on Component group type to see component type (or click on Collapse / Uncollapse all)
Step 4. Tick on the component type that you want.
V. Add component field to a content type (or any entity type)
Step 1. Continue on the settings page, click on Add component field.
Step 2. Click on button Add field the a popup appear
Step 3. Select entity type = Content, enter name, tick on Bundler you want
Step 4. Click on Save button
VI. Set auto redirect
Step 1. Tick on Redirect to builder page
Step 2. Click on Save configuration button
*Note: Add header/footer/menu for more specific site.
VII. Create a basic page
Step 1. At admin menu, choose Content menu, then click on Basic page
Step 2. Enter title then save and you get a new page.


VIII. Add some components
Step 1. On the left side of the newly created page and click on Plus icon, then Add new component pop-up appear.
Step 2. Choose component type you want then enter required values for each component (You can choose many component)
Step 3. Add component items for component
Step 4. Click on Save
IX. We have a website
Now we have a website




