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
Resolver III
Resolver III

@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
Carousel Community Blog

Check out the Community Blog

Read all about the most recent blogs in the community!

Carousel News & Announcements

What's New in the Community?

Check out the latest News & Events in the community!

Users online (3,401)