Add nextjs template app (#949)

Add nextjs template
---------

Co-authored-by: Vasily Strelyaev <[email protected]>

Author: GoodDayForSurf

.github/workflows/applications.yml

@@ -20,14 +20,15 @@ jobs:
           - angular
           - vue-v3
           - react
-          - react-swc
           - react-ts
+          - react-swc
           - react-swc-ts
+          - nextjs
+          - nextjs-ts
         NODE:
           - 18
         OS:
           - ubuntu-latest
-          - windows-latest
 
     runs-on: ${{ matrix.OS }}
     env:

.github/workflows/check-nextjs.yml

@@ -0,0 +1,94 @@
+name: Check "add devextreme-react" for NextJS app
+
+on:
+  push:
+  pull_request:
+  workflow_dispatch:
+
+jobs:
+  nextjs-devextreme-test:
+    strategy:
+      fail-fast: false
+      matrix:
+        TYPESCRIPT: [true, false]
+        SRC_DIR: [true, false]
+        APP_ROUTER: [true, false]
+        NODE:
+          - 18
+        OS:
+          - ubuntu-latest
+
+    runs-on: ${{ matrix.OS }}
+    name: Next.js + DevExtreme (TS:${{ matrix.TYPESCRIPT }}, src:${{ matrix.SRC_DIR }}, app-router:${{ matrix.APP_ROUTER }}), node ${{ matrix.NODE }}, ${{ matrix.OS }}
+
+    steps:
+      - name: Get sources
+        uses: actions/checkout@v4
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: ${{ matrix.NODE }}
+          cache: 'npm'
+
+      - name: Extract create-next-app version
+        run: |
+          NEXT_APP_VERSION=$(node -e "const versions = require('./packages/devextreme-cli/src/utility/latest-versions.js'); console.log(versions['create-next-app'])")
+          echo "Using create-next-app version: $NEXT_APP_VERSION"
+          echo "NEXT_APP_VERSION=$NEXT_APP_VERSION" >> $GITHUB_ENV
+        shell: bash
+
+      - name: Create Next.js application
+        run: |
+          npx create-next-app@${{ env.NEXT_APP_VERSION }} test-nextjs-app \
+          --typescript=${{ matrix.TYPESCRIPT }} \
+          --src-dir=${{ matrix.SRC_DIR }} \
+          --app=${{ matrix.APP_ROUTER }} \
+          --eslint \
+          --no-tailwind \
+          --import-alias="@/*" \
+          --no-git \
+          --use-npm
+        shell: bash
+
+      - name: Add actual devExtreme-cli
+        run: |
+          cd test-nextjs-app
+          npm add devextreme-cli
+          rm -r ./node_modules/devextreme-cli/src/
+          cp -r ../packages/devextreme-cli/src/ ./node_modules/devextreme-cli/
+          ls ./node_modules/devextreme-cli
+          ls ./node_modules/devextreme-cli/src
+        shell: bash
+        timeout-minutes: 15
+
+      - name: Add DevExtreme to Next.js application
+        run: |
+          cd test-nextjs-app
+          npx devextreme-cli add devextreme-react
+        shell: bash
+        timeout-minutes: 15
+
+      - name: Verify DevExtreme dependencies in package.json
+        run: |
+          cd test-nextjs-app
+
+          if ! grep -q '"devextreme":' package.json; then
+            echo "Error: devextreme dependency not found in package.json"
+            exit 1
+          fi
+
+          if ! grep -q '"devextreme-react":' package.json; then
+            echo "Error: devextreme-react dependency not found in package.json"
+            exit 1
+          fi
+
+          echo "DevExtreme dependencies successfully installed"
+        shell: bash
+
+      - name: Build Next.js application
+        run: |
+          cd test-nextjs-app
+          npm run build
+        shell: bash
+        timeout-minutes: 15