[Templates] Support added for Next 15

templates/uui-nextjs-template/template/@types/svg.d.ts

@@ -0,0 +1,6 @@
+declare module '*.svg' {
+    import React from 'react';
+    export const ReactComponent: React.FunctionComponent<
+        React.SVGProps<SVGSVGElement>
+    >;
+}

templates/uui-nextjs-template/template/eslint.config.mjs

@@ -0,0 +1,44 @@
+import { defineConfig } from 'eslint/config';
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import prettier from 'eslint-plugin-prettier';
+import tsParser from '@typescript-eslint/parser';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default defineConfig([
+  {
+    extends: compat.extends(
+      'next/core-web-vitals',
+      'plugin:prettier/recommended'
+    ),
+
+    plugins: {
+      '@typescript-eslint': typescriptEslint,
+      prettier,
+    },
+
+    languageOptions: {
+      parser: tsParser,
+    },
+
+    settings: {
+      'import/parsers': {
+        '@typescript-eslint/parser': ['.ts'],
+      },
+    },
+
+    rules: {
+      'prettier/prettier': 'error',
+    },
+  },
+]);

templates/uui-nextjs-template/template/next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

templates/uui-nextjs-template/template/next.config.js

@@ -1,5 +1,39 @@
 /** @type {import('next').NextConfig} */
 module.exports = {
-  reactStrictMode: true,
-  productionBrowserSourceMaps: true
-}
+    reactStrictMode: true,
+    productionBrowserSourceMaps: true,
+    turbopack: {
+        rules: {
+            '*.svg': {
+                loaders: [
+                    {
+                        loader: '@svgr/webpack',
+                        options: {
+                            icon: true,
+                            template: require('./svgr-template.js'),
+                        },
+                    },
+                ],
+                as: '*.js',
+            },
+        },
+    },
+    webpack: (config) => {
+        config.module.rules.push({
+            test: /\.svg$/,
+            issuer: /\.[jt]sx?$/,
+            use: [
+                {
+                    loader: '@svgr/webpack',
+                    options: {
+                        icon: true,
+                        template: require('./svgr-template.js'),
+                    },
+                },
+                'url-loader',
+            ],
+        });
+
+        return config;
+    },
+};