web
You’re offline. This is a read only version of the page.
close
Skip to main content
News and Announcements icon
Community site session details

Community site session details

Session Id : loYQMSTX8pUUpgxTCB2+rs
Power Platform Community / Forums / Power Pages - Power Apps Portals / Portals and NextJs
Power Pages - Power Apps Portals
Unanswered

Portals and NextJs

Like (0) ShareShare
ReportReport
Posted on 27 Jan 2022 00:24:32 by SA-SantiPraxis

Hi All,

 

I am in the process of building a web platform for a client of mine, they will be using a nextjs react framework, and I was wondering, how I deploy a portal alongside this, so that User Data stays within the Dataverse environment, and I don't need to move data between the frontend web platform and the dataverse environment. The question I wanted to ask is - has anyone built a portal with nextjs/react components in them? and how would the architecture look to render some heavy javascript based items on client side and leverage the nextjs rendering options?

 

Thank you

I have the same question (0)
  • eugenevanstaden Profile Picture
    eugenevanstaden 437 on 30 Jan 2022 at 02:13:54
    Re: Portals and NextJs

    @SA-SantiPraxis 

    You can build your react apps and host them inside the portal pages. your compiled JS will be attached as a webfile and injected in where you need them on the portal. You can also wire up your apps to use the Portal CRUD API.

    I am personally not a big fan of PCF controls in Portal - as you can do this with JS and CSS and host it in the Portal directly.


    For example, this below is a custom VueJs APP - that is injected inside an Entity Form. The upload is done via a custom API.

    eugenevanstaden_0-1643508766386.png

    You can implement the OAUTH implicit grant flow for the portal and authenticate with this custom API, as an example.

     






  • ragavanrajan Profile Picture
    ragavanrajan 7,036 Most Valuable Professional on 27 Jan 2022 at 01:10:37
    Re: Portals and NextJs

    Hi @SA-SantiPraxis 

     

     I have experience in building Angular and a few of our community champions have built through react framework.  You can use any framework you like next/knockout. But the key here is you need to utilise the PCF component properly. 

    Adding official reference for you to start. 

     

    https://docs.microsoft.com/en-us/power-platform-release-plan/2020wave2/power-apps/power-apps-component-framework-control-support-power-apps-portals 

     

    Note: Keep in mind that not all fields are supported 

     

    ragavanrajan_0-1643245814298.png

    Hope it helps. 
    ------------

    If you like this post, give it a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users to find it.

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

News and Announcements

Welcome to the Power Platform Communities
Join experts in person to explore low code and AI agents at the Power Platform Community Conference sponsored by Microsoft
Responsible AI policies for the Community

Quick Links

Responsible AI policies

As AI tools become more common, we’re introducing a Responsible AI Use…

Telen Wang – Community Spotlight

We are honored to recognize Telen Wang as our August 2025 Community…

Congratulations to the July Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
Jon Unzueta Profile Picture

Jon Unzueta 160 Super User 2025 Season 2

#2
Michael E. Gernaey Profile Picture

Michael E. Gernaey 35 Super User 2025 Season 2

#3
KevinGador Profile Picture

KevinGador 34 Super User 2025 Season 2

Last 30 days Overall leaderboard

Featured topics

Updates on Power Apps Portals - PLEASE READ

Product updates

Microsoft Power Platform Community release plans