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.
Reorganized July 2026. The
samples/folder moved from a framework-first to a category-first layout. If you followed an older link, see MIGRATION.md for old → new paths.
Samples are organized under samples/:
spa/apps/— full, multi-feature reference applications.spa/snippets/— small, single-topic samples that each teach one capability.traditional/— non-code sites built with Liquid and web templates on the enhanced data model.server-logic/— server-side JavaScript that runs on the Power Pages runtime, callable from both code sites and traditional sites.
| Preview | Sample | Framework | Use this sample to learn |
|---|---|---|---|
 |
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 | Angular | Use Angular CLI to build and upload a Power Pages code site based on the car sales scenario. |
 |
Credit Cards Website | React + Vite | Create a customer-facing banking site with card browsing, applications, reviewer workflows, authentication, authorization, and Web API calls. |
 |
Vue Admin Template | Vue + Vite | Start from a Vue 3 admin-style template that can be uploaded as a Power Pages code site. |
| Preview | Sample | Framework | Use this sample to learn |
|---|---|---|---|
 |
Environment Variables Demo | React + Vite | Understand how Vite exposes client-safe environment variables and compile-time constants. |
 |
Fluent UI Bank Loan Application | React + Fluent UI | Build a form-driven portal using Fluent UI v9 controls, state management, and a dashboard-style data grid. |
 |
Localization Sample | React + i18next | Add multilingual content, language switching, and localization patterns to a Power Pages code site. |
 |
Authentication Sample | React + Vite | Explore local sign-in, registration, password reset, invitation redemption, external sign-in, terms acceptance, and role-protected content. |
 |
Cloud Flow Sample | React + Vite | Invoke a registered Power Automate cloud flow from a code site with the CSRF token, and render its response. |
 |
File Upload (Notes) Sample | React + Vite | Upload, list, download, and delete files via the Web API, stored as Dataverse notes (annotations). |
 |
File Upload (File Column) Sample | React + Vite | Upload, list, download, and delete files via the Web API, stored in a native Dataverse File column (binary, no base64). |
 |
File Upload (SharePoint) Sample | React + Vite | Upload, list, download, and delete files in a SharePoint document library, reached from a code site through server logic and Microsoft Graph. |
 |
File Upload (Azure Blob) Sample | React + Vite | Upload, list, download, and delete files via the Web API, stored in your own Azure Blob container (chunked uploads, up to 10 GB). |
Non-code sites built with Liquid and web templates on the enhanced data model.
| Sample | Type | Use this sample to learn |
|---|---|---|
| EDM Liquid Web Template Starter (planned — placeholder) | Liquid + web template | Render Dataverse data on a traditional (non-code) site with a web template and Liquid on the enhanced data model. |
Server-side JavaScript that runs on the Power Pages runtime, callable from both code sites and traditional sites.
| Sample | Integrates | Use this sample to learn |
|---|---|---|
| SharePoint Integration | Microsoft Graph + SharePoint | Call Microsoft Graph and SharePoint Online from server logic using an Entra client-credentials app. Pairs with the File Upload (SharePoint) code-site sample. |
- SPA Samples - code-site samples built with popular frontend frameworks and uploaded to Power Pages with the Power Platform CLI. Split into full applications and single-topic snippets.
- Traditional Samples - non-code sites built with Liquid and web templates on the enhanced data model.
- Server Logic Samples - server-side JavaScript that runs on the Power Pages runtime.
- Get started with Power Pages tutorials
- Building websites with Power Pages - Online workshop
- Power Platform developer docs
See CONTRIBUTING.md for contribution guide.
The code in this repo is licensed under the MIT 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.