> For the complete documentation index, see [llms.txt](https://mariohernandez.gitbook.io/components/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mariohernandez.gitbook.io/components/a-components-lifecycle/homepage-content-type.md).

# Homepage content type

### Exercise: Building a Homepage content type

We'll build a new content type which we will use to build the homepage with all of its components shown in our design.

1. From Drupal's Admin Toolbar, click **Structure | Content Types**
2. Click the \*\*Add content type \*\*button
3. In the *name* field type **Homepage**
4. Click the **Save and manage fields** button at the bottom of the page
5. Delete the \*\*body \*\*field

### Exercise: Adding the Hero field to the Homepage

1. While still in the Homepage content type, click the **Add field** button
2. Under the *Add a new field* dropdown, scroll to the **Reference** section and select **Content**

   | Label | Machine name |
   | ----- | ------------ |
   | Hero  | `field_hero` |
3. Click the **Save and continue** button
4. Change *Allowed number of values\_* to **Limited - 1**
5. In the *Reference Type* section, choose **Article** under *Content type*
6. Click the **Save settings** button

### Exercise: Create a new Node with a Hero

Using the Homepage content type, create a new node and add a Hero component in it:

1. From Drupal's Admin toolbar, click **Content**
2. Click the **Add content** button
3. Select **Homepage**
4. As the Page title type\*\* Homepage\*\*
5. In the Hero field, begin typing any characters and as article suggestions begin to display, select an article of your choice
6. Click the \*\*Save \*\*button

The above exercise will create a node of type Homepage, with an article as the Hero. It is clear we have more work to do since the Hero article does not look like a Hero at all. We will clean things up in the following exercises.\\

![Drupal Node with Hero](/files/-M6w_YyOnjJ167mQ5YKa)

It's pretty obvious there are a lot of things that need improvement with our Hero, but we will get to that shortly.