NextJS

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

Installation

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

   Copy Code    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 theme
   • Material theme
   • Bootstrap theme

   Copy Code    npm install --save @progress/kendo-theme-default

   Copy Code    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.

Suggested Links

• NextJS
• Sample Project on NextJS Integration