KendoReact enables you to add KendoReact components to NextJS projects and utilize server-side rendering.


  1. Install and import the desired KendoReact components by using NPM or YARN.

    npm install --save @progress/kendo-react-grid @progress/kendo-data-query @progress/kendo-react-inputs @progress/kendo-react-intl @progress/kendo-react-dropdowns @progress/kendo-react-dateinputs
  2. Install and import any of the following KendoReact themes that are available:

    • Default

    • Material

    • Bootstrap

      npm install --save @progress/kendo-theme-default
      import '@progress/kendo-theme-default/dist/all.css';

Sample Project

For the complete sample project, refer to the GitHub repository on using the KendoReact Grid inside NextJS.