Skip to content

Commit

Permalink
Update index.mdx
Browse files Browse the repository at this point in the history
Set autoPlay false so all of these videos do not distract from the content. They make the page feel like a carnival at night.
  • Loading branch information
wbreeze authored Jan 25, 2025
1 parent ea5dd67 commit 832f25b
Showing 1 changed file with 7 additions and 7 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -66,7 +66,7 @@ Deploy to AWS

Select **Start with an existing app** > **GitHub**. After you give Amplify access to your GitHub account via the popup window, pick the repository and `main` branch to deploy. Make no other changes and click through the flow to **Save and deploy**.

<Video src="/images/gen2/getting-started/react/deploy.mp4" description="Video - Save and Deploy" />
<Video src="/images/gen2/getting-started/react/deploy.mp4" description="Video - Save and Deploy" autoPlay=false />

### 3. View deployed app

Expand All @@ -93,11 +93,11 @@ Let's take a tour of the project structure in this starter repository by opening

When the build completes, visit the newly deployed branch by selecting "View deployed URL". Since the build deployed an API, database, and authentication backend, you will be able to create new to-do items.

<Video src="/images/gen2/getting-started/react/hosted-app.mp4" description="Video - View Deployed URL" />
<Video src="/images/gen2/getting-started/react/hosted-app.mp4" description="Video - View Deployed URL" autoPlay=false />

In the Amplify console, click into the deployment branch (in this case **main**) > select **Data** in the left-hand menu > **Data manager** to see the data entered in your database.

<Video src="/images/gen2/getting-started/amplify-console-data-manager.mp4" description="Video - Data Manager" />
<Video src="/images/gen2/getting-started/amplify-console-data-manager.mp4" description="Video - Data Manager" autoPlay=false />


## Make frontend updates
Expand All @@ -108,7 +108,7 @@ Let's learn how to enhance the app functionality by creating a delete flow for t

Now let's set up our local development environment to add features to the frontend. Click on your deployed branch and you will land on the **Deployments** page which shows you your build history and a list of deployed backend resources.

<Video src="/images/gen2/getting-started/react/branch-details.mp4" description="Video - Deployments" />
<Video src="/images/gen2/getting-started/react/branch-details.mp4" description="Video - Deployments" autoPlay=false />

At the bottom of the page you will see a tab for **Deployed backend resources**. Click on the tab and then click the **Download amplify_outputs.json file** button.

Expand Down Expand Up @@ -215,7 +215,7 @@ npm run dev

This should start a local dev server at http://localhost:3000.

<Video src="/images/gen2/getting-started/react/demo-delete.mp4" description="Video - Demo" />
<Video src="/images/gen2/getting-started/react/demo-delete.mp4" description="Video - Demo" autoPlay=false />

### 6. Implement login UI

Expand Down Expand Up @@ -325,7 +325,7 @@ export default function HomePage() {

Try out your application in your localhost environment again. You should be presented with a login experience now.

<Video src="/images/gen2/getting-started/react/demo-auth.mp4" description="Video - Authentication Demo" />
<Video src="/images/gen2/getting-started/react/demo-auth.mp4" description="Video - Authentication Demo" autoPlay=false />

To get these changes to the cloud, commit them to git and push the changes upstream.

Expand Down Expand Up @@ -421,7 +421,7 @@ Now, let's go back to your local application and test out the user isolation of

You will need to sign up new users again because now you're working with the cloud sandbox instead of your production backend.

<Video src="/images/gen2/getting-started/react/demo-auth.mp4" description="Video - Authentication Demo" />
<Video src="/images/gen2/getting-started/react/demo-auth.mp4" description="Video - Authentication Demo" autoPlay=false />

To get these changes to the cloud, commit them to git and push the changes upstream.

Expand Down

0 comments on commit 832f25b

Please sign in to comment.