Skip to content

update quickstart with local-first approach #7983

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
wants to merge 4 commits into
base: main
Choose a base branch
from
Draft

update quickstart with local-first approach #7983

Changes from 1 commit
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
b7f2ac5
update js quickstart
josefaidt Sep 20, 2024
2722524
start vite-react rewrite
josefaidt Sep 20, 2024
d1e3f11
finish updates to react quickstart
josefaidt Sep 23, 2024
47c646c
add callout for template, downloading outputs for branches
josefaidt Sep 25, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
add callout for template, downloading outputs for branches
  • Loading branch information
@josefaidt
josefaidt committed Sep 25, 2024
commit 47c646cccb610d982dccf42964dffd64be478409
20 changes: 20 additions & 0 deletions src/pages/[platform]/start/quickstart/index.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -317,6 +317,12 @@ This will add the following files to your project's directory:

If you prefer setting up your project from scratch, refer to the [documentation for manual installation](https://docs.amplify.aws/react/start/manual-installation/).

<Callout info>

**Prefer a template?** [Start a new project from the Vite React template](https://github.com/new?template_name=amplify-vite-react-template&template_owner=aws-samples)

</Callout>

## Set up local AWS credentials

To make backend updates, we are going to require AWS credentials to deploy backend updates from our local machine.
Expand Down Expand Up @@ -607,6 +613,20 @@ In the Amplify console, click into the deployment branch (in this case **main**)

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

### Downloading outputs file for deployed app

As you build your backend with Amplify and your personal cloud sandbox, changes to the resource metadata are reflected in `amplify_outputs.json`. If you wish to use resource metadata from your deployed branch, you can download the `amplify_outputs.json` file from the Amplify console.

![Amplify console for an application's branch highlighting download button](/images/gen2/getting-started/react/amplify-outputs-download.png)

Alternatively you can use the backend CLI to _generate outputs_:

```bash title="Terminal" showLineNumbers={false}
npx ampx generate outputs --app-id <your-amplify-app-id> --branch <your-git-branch-name>
```

[Learn more about backend CLI commands.](/[platform]/reference/cli-commands)

## Deploy changes

As you continue to build out your application with your personal cloud sandbox, each time your commit and push changes to your git repository your changes are deployed to the cloud.
Expand Down