Build a basic Hello World component

These instructions will guide you through building a basic component using the Component Service, Squiz DXP (DXP), and Matrix.

Complete each step before going on to the next.


Some tasks must be performed before you start to use Component Service. Read Prerequisites in the Getting started page to make sure you are ready to go.


At the end of these instructions, you will have achieved the following:

  • Created the file structure for your component.

  • Tested your component in your local development environment.

  • Deployed your component to the DXP.

  • Created a component set in the DXP.

  • Deployed your component to Matrix.

  • Tested your component in Matrix.


There are nine steps to building your basic Hello world site. You can develop and test in your local development environment before deploying to the DXP and your Matrix site. The following instructions are separated into tasks performed in your local environment, tasks performed in the DXP, and tasks performed in your Matrix environment.

Begin in your local development environment:

Deploy your component to the DXP:

Add your component to Matrix: