microsoft/power-pages-samples

microsoft/power-pages-samples

Description: A repo containing sample websites for Power Pages.

License: MIT

Stars: 39

Forks: 20

Open issues: 6

Created: 2025-06-11T09:19:56Z

Pushed: 2026-06-10T23:33:48Z

Default branch: main

Fork: no

Archived: no

README:

Power Pages Samples

This repository contains sample code sites for Microsoft Power Pages. Use the table below to quickly find a sample by framework, scenario, or Power Pages capability.

Each sample includes its own README with setup steps, deployment notes, and a screenshot so you can preview the experience before running it locally.

Samples at a glance

| Preview | Sample | Framework | Use this sample to learn | | --- | --- | --- | --- | | | [Car Sales Website](samples/bring-your-own-code/react/car-sales-website/) | React + Vite | Build a dashboard-style code site with authentication, web roles, virtual tables, and Power Pages Web API integration. | | | [Car Sales Website](samples/bring-your-own-code/angular/car-sales-website/) | Angular | Use Angular CLI to build and upload a Power Pages code site based on the car sales scenario. | | | [Credit Cards Website](samples/bring-your-own-code/react/credit-cards-website/) | React + Vite | Create a customer-facing banking site with card browsing, applications, reviewer workflows, authentication, authorization, and Web API calls. | | | [Environment Variables Demo](samples/bring-your-own-code/react/environment-variables-samples/vite-framework/) | React + Vite | Understand how Vite exposes client-safe environment variables and compile-time constants. | | | [Fluent UI Bank Loan Application](samples/bring-your-own-code/react/fluent-ui-sample/) | React + Fluent UI | Build a form-driven portal using Fluent UI v9 controls, state management, and a dashboard-style data grid. | | | [Localization Sample](samples/bring-your-own-code/react/localization-sample/) | React + i18next | Add multilingual content, language switching, and localization patterns to a Power Pages code site. | | | [Authentication Sample](samples/bring-your-own-code/react/authentication-sample/) | React + Vite | Explore local sign-in, registration, password reset, invitation redemption, external sign-in, terms acceptance, and role-protected content. | | | [Vue Admin Template](samples/bring-your-own-code/vue/vue-admin-template/) | Vue + Vite | Start from a Vue 3 admin-style template that can be uploaded as a Power Pages code site. |

Sample categories

• [Bring Your Own Code Samples](samples/bring-your-own-code/) - code-site samples that use popular frontend frameworks and can be uploaded to Power Pages with the Power Platform CLI.

Resources

• Get started with Power Pages tutorials
• Building websites with Power Pages - Online workshop
• Power Platform developer docs

Contributing

See [CONTRIBUTING.md](CONTRIBUTING.md) for contribution guide.

License

The code in this repo is licensed under the [MIT](LICENSE.txt) license.

--- Trademarks This project may contain trademarks or logos for projects, products, or services. Authorized use of Microsoft trademarks or logos is subject to and must follow Microsoft’s Trademark & Brand Guidelines. Use of Microsoft trademarks or logos in modified versions of this project must not cause confusion or imply Microsoft sponsorship. Any use of third-party trademarks or logos are subject to those third-party’s policies.