Skip to main content

18. Power Pages for ProDevs

· 7 min read
Neeraj Nandwana

Welcome to Day 18 of #30DaysOfLowCode!

What We'll Cover

Speaker Card for Feb 18

Power Pages loves Fusion Dev teams

Power Pages provides rich features and supports a variety of tools that enable fusion teams with technology and domain expertise to collaborate on developing professional websites.

Power Pages is unique in Power Platform as it address various audiences for your application that are external and internal to your organization. With Power Pages you can build websites that are completely public without users having to login or have users login via wider range of Identity Providers.

Power Pages differentiation in Power Platform

Power Pages makes it easy for low code makers to get started and launch sites quickly. Power Pages also enables Pro-developers with Web Development & Design background and help Fusion team shine by adding their skills to the project. For IT admins we alleviate worry about infrastructure without giving up trust with security and governance tools.

Thousands of customers across the global have been building and shipping solutions on Power Pages for years. PwC is one such customer who used their professional developer team skills, familiar tooling, and fusion team capabilities in Power Pages to deliver a compelling solution migrated from a full stack web application. Read more about it on Microsoft Customer Story : PwC builds multitenant enterprise decision support site with Power Pages

Supporting Fusion teams

Fusion teams usually consist of members with varying skills – 1) There are domain experts, business users, subject matter experts who possess the functional knowledge and understanding of the uses cases of the websites they’d want to build for their business or organization and can usually contribute to the development via no-code / low-code configuration. 2) There are professional developers who can write code and use advanced tools for developing pixel-perfect user experiences and implement complex functional requirements required for the website.

Here is a diagram detailing features and capabilities from no code to pro code:

Low Code to Pro Code Capabilities

We’ll get into more details of the ways in which Power Pages can support both ends of the Fusion team and their respective needs.

No Code & Configuration

Makers can jumpstart the design of a site with out-of-the box site templates and customize with Power Pages Studio to meet their requirements.

Power Pages studio is designed for low-code makers to rapidly build and style data centric business sites. It provides different workspaces for authoring, styling, data modelling and site configurations.

  • Pages workspace - enables maker to design and build Web Pages with component like Forms, Lists, Power BI, Power BI Embedded and Power Virtual Agents.
  • Styling workspace - enables makers to create and apply global site styling.
  • Data workspace - enables makers to model, visualize and mange Dataverse tables, columns and their respective views and forms without leaving the studio.
  • Setup workspace - enables makers and admins to configure site settings/security. Security is an important consideration when building public facing websites and ensure that critical business information is only accessible by the correct stakeholders.

Low Code & Pro Code

Power Pages also provides dedicated pro-developer tooling for fusion team members who are technology experts and want to customize the experience based on the specific business needs that are not supported via low code/no code experience.

Support for code editor: Visual Studio Code & Visual Studio Code for web

Right in the same Power Pages Studio makers can switch between Studio low code experience to Visual Studio Code for Web an Online code editor for web pro-developer experience in case they want to do advance customization. Alternatively, makers can go into advanced configuration via Portal Management Apps.

Visual Studio Code for web animation

Makers who prefer working with Visual Studio Code desktop can use Power Platform Tools extension to unlock many Power Pages specific features like Autocomplete support, Power Apps CLI support, Power Pages file icon theme and more.

Visual Studio Code for desktop animation

Extend power pages site with web development technologies

Familiar web development technologies like JavaScript, CSS and HTML to build custom design and interaction experience. Power Pages also provide extensibility points which pro-developers can leverage for their use case.

  • Tailor to the branding needs the stylesheet via CSS
  • Add just the right custom business logic via JS Script
  • Write custom UI or use any UI framework (React, Angular, etc)
  • Add dynamic content using Liquid
  • Use Power Pages Web APIs to bind data in custom UI or perform more complex data operations safely using Power Pages security model
  • Create re-usable Code Components or use existing Code Component (PCF) allowing your team to use similar skills from other areas of Power Platform
  • Integrate with external data sources using Virtual tables

CLI support

Developers can also download the Website as local files via Power Platform Command Line Interface (aka PAC CLI) translated into physical files, so popular tools like desktop Visual Studio or Visual Studio Code can be used and it’s easy to work with files in source control.

Use Power Platform CLI for Power Pages

PAC CLI downloads Power Pages website customization into files and makes website friendly for source control. So, teams can use GitHub actions, Azure DevOps to standardize their deployment workflow and improve productivity.

Supporting the large teams

It is important to set up automated CI/CD (continuous integration and continuous delivery) pipelines when a large team is working on a project. So, teams can catch bugs in the initial stages. This improves the project quality and increases team productivity by reducing the manual steps to perform these activities.

Power pages supports tooling required for CI/CD setup. And this includes

What’s Next?