chore(apps): deploy freemium sample app

Author: boryanaT

.github/dependabot.yml

@@ -108,6 +108,24 @@ updates:
     labels:
       - "Dependencies"
 
+  - package-ecosystem: "npm"
+    directory: "/examples/kendo-react-freemium"
+    schedule:
+      interval: "daily"
+    groups:
+      kendo-dependencies:
+        patterns:
+          - '@progress/kendo-*'
+    allow:
+      - dependency-name: '@progress/kendo-*'
+    commit-message:
+      prefix: "chore:"
+    reviewers:
+      - "telerik/kendo-react-devs"
+      - "telerik/kendo-react-support"
+    labels:
+      - "Dependencies"
+
   - package-ecosystem: "npm"
     directory: "/examples/kendo-react-homepage-demo"
     schedule:

.github/workflows/ci.yml

@@ -41,6 +41,8 @@ jobs:
               - 'examples/kendo-react-file-manager/**'
             kendo-react-finance-portfolio:
               - 'examples/kendo-react-finance-portfolio/**'
+            kendo-react-freemium:
+              - 'examples/kendo-react-freemium/**'
             kendo-react-homepage-demo:
               - 'examples/kendo-react-homepage-demo/**'
             kendo-react-nextjs:
@@ -113,6 +115,13 @@ jobs:
           npm ci
           npm run build
 
+      # Add a build step (npm run build)
+      - name: Build Kendo React Freemium app
+        working-directory: ./examples/kendo-react-freemium
+        if: steps.changes.outputs.kendo-react-freemium == 'true'
+        run: |
+          npm ci
+
       - name: Build Homepage demo app
         working-directory: ./examples/kendo-react-homepage-demo
         if: steps.changes.outputs.kendo-react-homepage-demo == 'true'

examples/kendo-react-freemium/package.json

@@ -1,12 +1,15 @@
 {
-    "name": "vite-integration",
+    "name": "kendo-react-freemium",
     "private": true,
     "version": "0.0.0",
+    "homepage": "https://telerik.github.io/kendo-react/kendo-react-freemium/",
     "type": "module",
     "scripts": {
         "dev": "vite",
         "build": "tsc -b && vite build",
-        "preview": "vite preview"
+        "preview": "vite preview",
+        "predeploy": "npm run build",
+        "deploy": "gh-pages -d build"
     },
     "dependencies": {
         "@progress/kendo-data-query": "^1.7.1",
@@ -40,6 +43,7 @@
         "@types/react-csv": "^1.1.10",
         "@types/react-dom": "^18.3.0",
         "@vitejs/plugin-react": "^4.3.1",
+        "gh-pages": "^6.1.1",
         "globals": "^15.9.0",
         "react-router-dom": "^6.26.2",
         "sass": "^1.79.1",

examples/kendo-react-freemium/src/App.tsx

@@ -12,7 +12,7 @@ import Task from "./pages/Task";
 export default function App() {
   return (
     <>
-      <BrowserRouter>
+      <BrowserRouter basename="/kendo-react/kendo-react-freemium">
         <AppBarComponent />
         <DrawerComponent>
             <Routes>

examples/kendo-react-freemium/vite.config.ts

@@ -3,5 +3,6 @@ import react from '@vitejs/plugin-react';
 import tailwindcss from '@tailwindcss/vite'
 
 export default defineConfig({
+  base: `/kendo-react/kendo-react-freemium/`,
   plugins: [react(), tailwindcss()],
 });

live/bin/build-gh-pages

@@ -1,7 +1,7 @@
 #!/usr/bin/env bash
 
 # Builds example projects and deploys them to GH Pages
-STANDALONE_PROJECTS=(ecommerce-jewellery-store kendo-react-e-commerce-astro-app kendo-react-finance-portfolio react-coffee-warehouse react-admin-dashboard kendo-react-homepage-demo kendo-react-file-manager react-grid-live-data)
+STANDALONE_PROJECTS=(ecommerce-jewellery-store kendo-react-e-commerce-astro-app kendo-react-finance-portfolio react-coffee-warehouse react-admin-dashboard kendo-react-homepage-demo kendo-react-file-manager react-grid-live-data kendo-react-freemium)
 
 set -e
 

live/static/index.html

@@ -19,7 +19,7 @@ <h1>KendoReact - Sample Applications</h1>
       <li><a href="react-grid-live-data/">Grid Live Data Application</a></li>
       <li><a href="ecommerce-jewellery-store/">Ecommerce jewellery Store Application</a></li>
       <li><a href="kendo-react-e-commerce-astro-app/">Ecommerce Astro Application</a></li>
-
+      <li><a href="kendo-react-freemium/">Kendo React Freemium Application</a></li>
     </ul>
     <p>
       To access the source code of all sample applications, go to the