Update add-api.md

[rvrama]

build steps for React[Vite] added to point to dist folder

[prmerger-automator]

@rvrama : Thanks for your contribution! The author(s) and reviewer(s) have been notified to review your proposed change.

[learn-build-service-prod]

Learn Build status updates of commit 5caaab0:

⚠️ Validation status: warnings

File	Status	Preview URL	Details
articles/static-web-apps/add-api.md	⚠️Warning		Details

articles/static-web-apps/add-api.md

• Line 260, Column 1: [Warning: invalid-tab-group - See documentation] Tab group with different tab id set.

For more details, please refer to the build report.

Note: Your PR may contain errors or warnings or suggestions unrelated to the files you changed. This happens when external dependencies like GitHub alias, Microsoft alias, cross repo links are updated. Please use these instructions to resolve them.

[learn-build-service-prod]

Learn Build status updates of commit b87a56e:

⚠️ Validation status: warnings

File	Status	Preview URL	Details
articles/static-web-apps/add-api.md	⚠️Warning		Details

articles/static-web-apps/add-api.md

• Line 260, Column 1: [Warning: invalid-tab-group - See documentation] Tab group with different tab id set.
• Line 308, Column 5: [Warning: invalid-tab-group - See documentation] Tab group with different tab id set.

For more details, please refer to the build report.

Note: Your PR may contain errors or warnings or suggestions unrelated to the files you changed. This happens when external dependencies like GitHub alias, Microsoft alias, cross repo links are updated. Please use these instructions to resolve them.

[ttorble]

@rvrama Thank you for your contribution. Would you take a moment to sign the Contributor License Agreement (CLA)? After the CLA is signed, someone can review your pull request. Thanks!

[rvrama]

@microsoft-github-policy-service agree

@microsoft-github-policy-service agree

[rvrama]

@microsoft-github-policy-service agree

[learn-build-service-prod]

Learn Build status updates of commit b87a56e:

⚠️ Validation status: warnings

File	Status	Preview URL	Details
articles/static-web-apps/add-api.md	⚠️Warning		Details

articles/static-web-apps/add-api.md

• Line 260, Column 1: [Warning: invalid-tab-group - See documentation] Tab group with different tab id set.
• Line 308, Column 5: [Warning: invalid-tab-group - See documentation] Tab group with different tab id set.

For more details, please refer to the build report.

Note: Your PR may contain errors or warnings or suggestions unrelated to the files you changed. This happens when external dependencies like GitHub alias, Microsoft alias, cross repo links are updated. Please use these instructions to resolve them.

[Copilot]

Pull Request Overview

This PR adds documentation for building and running React applications using Vite within the Static Web Apps guide. The update provides specific build instructions that reference the dist output folder used by Vite.

• Adds React (Vite) tab section with build commands using npm run dist
• Includes SWA CLI start command pointing to the correct dist output folder

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

The build command npm run dist is incorrect for React with Vite. The standard Vite build command is npm run build, which outputs to the dist folder by default.

Suggested change

	npm run dist
	npm run build

[v-dirichards]

@v1212

Can you review the proposed changes?

Note: these warnings will need to be resolved before we can merge.

If you approve the new content in this PR, the commits must be moved to the private repository for automated checks and publishing. After you move the commits, close this PR (#please-close). If you need help moving the commits, contact the publicprs alias.

Important: When the changes are ready for publication, adding a #sign-off comment is the best way to signal that the PR is ready for the review team to merge.

#label:"aq-pr-triaged"
@MicrosoftDocs/public-repo-pr-review-team