Deploy the E-Bikes Sample App

Learning Objectives

In this project, you’ll:

• Deploy the E-Bikes sample app.
• Learn about the app use case.
• Explore the E-Bikes sample app implementation.

Introducing the E-Bikes Sample App

In this project you deploy and explore the E-Bikes sample app. This application helps E-Bikes, a fictitious electric bicycle manufacturer, manage its products and reseller orders using the Salesforce Platform.

You explore a Lightning application that also integrates with Experience Cloud. You also learn how to build rich user experiences with Lightning Web Components using different data access strategies.

About This Project

In this Quick Start project, you install a sample app. The sample app has examples that you can use to learn about Lightning web components. It also has code to give you a head start on developing your own Lightning web components.

If you’d like to tour the sample app gallery, see Quick Start: Explore the Sample App Gallery.

Before You Start

Before you take the steps in this hands-on project, make sure you complete Quick Start: Lightning Web Components. That badge walks you through setting up and working in your Salesforce DX development environment.

Note

To create and develop Lightning Web Components, you need a set of tools we call Salesforce DX (Developer Experience). It includes the Salesforce Command Line Interface (CLI) and Visual Studio Code, which, with the Salesforce Extension Pack, is the recommended code editor for developing on the Salesforce Platform.

To clone the repository that contains the sample app, you use Git, a version control system. Follow the instructions in this step to install Git. Then follow the instructions in the sample app readme file to clone the sample app repository and deploy the sample app to your Trailhead Playground.

Create a New Trailhead Playground

For this project, you need to create a new Trailhead Playground. Scroll to the bottom of this page, click the down arrow next to Launch, and select Create a Trailhead Playground. It typically takes 3–4 minutes to create a new Trailhead Playground.

Note

Yes, we really mean a brand-new Trailhead playground! If you use an existing org or playground, you can run into problems completing the challenges.

Get Your Trailhead Playground Username and Password

Let's get started. Go to your Trailhead Playground. (If it’s not already open, scroll to the bottom of this page and click Launch.) If you see a tab in your org labeled Get Your Login Credentials, great! Skip ahead to step 1.

Otherwise, from the App Launcher ( ), find and open Playground Starter and follow the steps. If you don’t see the Playground Starter app, check out Find the Username and Password for Your Trailhead Playground on Trailhead Help.

1. Click the Get Your Login Credentials tab and take note of your username.
2. Click Reset My Password. This sends an email to the address associated with your username.
3. Click the link in the email.
4. Enter a new password, confirm it, and click Change Password.

Get Git Command Line

1. Install Git from https://git-scm.com/downloads. Accept all of the default installation settings.
2. Confirm that Git is installed. In Terminal (macOS) or Command Prompt (Windows), enter this command:
   git
   The output should be a list of git commands.

Deploy the App

Now that you have all of the tools installed and integrated, you use Visual Studio Code to deploy the E-Bikes sample app in your Trailhead Playground.

1. Open Visual Studio Code.
2. Open the Command Palette: Click View | Command Palette. Alternatively, press Ctrl+Shift+P (windows) or Cmd+Shift+P (macOS)
3. Open a terminal window: Click Terminal | New Terminal. This is where you paste the commands provided in the following instructions.
4. Deploy the app to your Trailhead Playground org by following the instructions from the project readme.

Congratulations! You’ve successfully set up the E-Bikes sample app. In the next step, you explore the app.