chore: add logo-react.svg to home page and update Next.js config for …

…SVG handling

next.config.ts

@@ -1,17 +1,32 @@
 import type { NextConfig } from 'next'
 
+const IS_DEVELOPMENT = process.env.NODE_ENV !== 'production'
+
 const nextConfig: NextConfig = {
   // experimental: {
-    // ppr: 'incremental',
-  //   turbo: {
-  //     rules: {
-  //       '*.svg': {
-  //         loaders: ['@svgr/webpack'],
-  //         as: '*.js',
-  //       },
-  //     },
-  //   },
+    // ppr: 'incremental'
   // },
+  experimental: IS_DEVELOPMENT
+    ? {
+      turbo: {
+        rules: {
+          '*.svg': {
+            loaders: ['@svgr/webpack'],
+            as: '*.js',
+          },
+        },
+      },
+    }
+    : {},
+  webpack(config) {
+    if (!IS_DEVELOPMENT) {
+      config.module.rules.push({
+        test: /\.svg$/i,
+        use: ['@svgr/webpack'],
+      })
+    }
+    return config
+  },
   images: {
     deviceSizes: [450, 640, 750, 828, 1080, 1200, 1920, 2048, 3840],
     remotePatterns: [{

package.json

@@ -7,7 +7,7 @@
   "description": "This application is a boilerplate for complex and large systems, especially those that need to scale with security and code quality.",
   "repository": "https://github.com/everton-dgn/boilerplate_nextjs_app",
   "scripts": {
-    "dev": "next dev --turbopack",
+    "dev": "next dev --turbo",
     "start": "next start",
     "build": "next build --no-lint",
     "lint": "biome check ./src",

src/app/(home)/page.tsx

@@ -4,6 +4,8 @@ import { CounterButton } from 'components/atoms/CounterButton'
 
 import S from './styles.module.css'
 
+import LogoReact from 'assets/logo-react.svg'
+
 const Home = () => (
   <div className={S.container}>
     <header className={S.header}>Boilerplate</header>
@@ -16,6 +18,7 @@ const Home = () => (
           src="/images/logo-nextjs.webp"
           width={77}
         />
+        <LogoReact data-testid="logo-react" />
       </div>
       <h1 className={S.title}>Nextjs + React</h1>
       <CounterButton />