Help Center

Menu

Build and test your first component

Want an interactive way to learn about components? Check out the DXP Component Library for best practice examples.

These instructions will guide you through building a basic component using the Component Service.

Complete each step before going on to the next.

Prerequisites

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.

Read the tutorial on how to Configure Content Management to use the Component Service.

Goals

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.

Stages

There are seven stages to building a basic Hello world component in your local development environment.

  1. Create component package file structure

  2. Semantic Versioning and Component Services

  3. Add a JavaScript function to render your component

  4. Add code to your manifest file

  5. Set up your local preview

  6. Test using the local development server

  7. Test using the local development user interface