Using NextJS App Routing with KendoReact Grid

[Jonathan]

I am curious if you have an example of using the Kendo React components in the newer NextJS App routes? Specifically using the data grid to load data from the server and still do paging and such. 

[Wissam]

Hi, Jonathan,

We have an example for the Grid with Next.js but it does not use the App routes. Therefore, I created one with data state changes (paging, sorting, and filtering) and fetched data and I am sending it as an attachment.

Since our components are currently client-side ones, it is not possible to use them in the App router environment without wrapping them and this is what I did in the example. More information about this topic can be found here:

• https://nextjs.org/docs/getting-started/react-essentials#third-party-packages

In addition, I fetched the data client side using the `useEffect` hook:

• https://nextjs.org/docs/pages/building-your-application/data-fetching/client-side#client-side-data-fetching-with-useeffect

Please check the demo and let me know if it matches what you need and if you have any further questions.

Regards,
Wissam
Progress Telerik