feat: setup raw-loader for shaders

next.config.ts

@@ -4,6 +4,14 @@ const nextConfig: NextConfig = {
   output: 'export',
   /* config options here */
   reactCompiler: true,
+  turbopack: {
+    rules: {
+      '*.{vert,frag}': {
+        loaders: ['raw-loader'],
+        as: '*.js'
+      }
+    }
+  }
 };
 
 export default nextConfig;

package.json

@@ -27,6 +27,7 @@
     "babel-plugin-react-compiler": "1.0.0",
     "eslint": "^9",
     "eslint-config-next": "16.1.1",
+    "raw-loader": "^4.0.2",
     "tailwindcss": "^4",
     "typescript": "^5"
   }

shaders.d.ts

@@ -0,0 +1,9 @@
+declare module '*.vert' {
+    const content: string;
+    export default content;
+}
+
+declare module '*.frag' {
+    const content: string;
+    export default content;
+}

tsconfig.json

@@ -23,6 +23,7 @@
     }
   },
   "include": [
+    "shaders.d.ts",
     "next-env.d.ts",
     "**/*.ts",
     "**/*.tsx",