cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
SA-SantiPraxis
New Member

Portals and NextJs

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

2 REPLIES 2
ragavanrajan
Super User
Super User

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

 

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
Helper II
Helper II

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

 






Helpful resources

Announcements
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Top Solution Authors
Users online (1,853)