web
You’re offline. This is a read only version of the page.
close
Skip to main content

Announcements

News and Announcements icon
Community site session details

Community site session details

Session Id :
Power Pages
Unanswered

Portals and NextJs

(0) ShareShare
ReportReport
Posted on by

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

Categories:
I have the same question (0)
  • ragavanrajan Profile Picture
    7,044 Most Valuable Professional on at

    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.

  • eugenevanstaden Profile Picture
    441 on at

    @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.

     






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

Quick Links

Introducing the 2026 Season 1 community Super Users

Congratulations to our 2026 Super Users!

Kudos to our 2025 Community Spotlight Honorees

Congratulations to our 2025 community superstars!

Congratulations to the April Top 10 Community Leaders!

These are the community rock stars!

Leaderboard > Power Pages

#1
11manish Profile Picture

11manish 56

#2
Valantis Profile Picture

Valantis 46

#3
rezarizvii Profile Picture

rezarizvii 25

Last 30 days Overall leaderboard