Lightning App Builder Simplified
The Lightning App Builder is a point-and-click tool that allows you to create custom pages for the Salesforce mobile app and Lightning Experience.
Steps To Create A Lightning Page:
1. Go to Set Up > Search For Lightning App Builder and click on it.

2. Click on New Button.

3. Select anyone from the page type. We have selected App Page.

4. Enter the name of the page and click Next.

We have given the name as MyAwesomeLightningPage
5. Choose the layout type from the given options and click Finish.

6. Lightning Page will open in the Lightning App Builder Tool like below.

Adding Components To A Lightning Page:
1. Drag & Drop the custom component- MyAwesomeComponent in the lightning page we have just created above.

Note: MyAwesomeComponent we have created in the previous part. – Creating Aura Component
2. Navigate to the component properties pane on the right.

3. Update the value in the configurable attribute.

4. Drag and drop a rich text component to the header.

5. Navigate to the rich text component properties and enter the value in the text area.

6. Drag and drop a rich text component to the left sidebar and update the message from the component properties pane.

7. Click on the Save button at the top right and click on Activate.

8. Activate the page for all the users or you can choose it for system administrators only and click save.

View A Lightning App Page:
1. Click on the icon at the top left, search for the page MyAwesomeLightingPage we just created and click on it.

2. You will see a Lightning App Page like below.

Thank you for visiting SalesforceBlue.com
If you have any queries feel free to write down a comment below 🙂