ganti semua

app/globals.css

@@ -1,26 +1,3 @@
-@import "tailwindcss";
-
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
-body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

app/page.tsx

@@ -3,7 +3,7 @@
 import { useState, useEffect, useRef } from 'react';
 
 export default function RobotDashboard() {
-  const PI_IP = '172.17.172.18'; 
+  const PI_IP = '172.17.172.16'; 
   const streamUrl = `http://${PI_IP}:8080/stream`;
 
   const [controlMode, setControlMode] = useState('gamepad');

next.config.ts

@@ -1,11 +1,3 @@
-import type { NextConfig } from "next";
-
-const nextConfig = {
-  output: 'export', // <-- Ini yang mengubah web menjadi HTML statis
-  images: {
-    unoptimized: true, // <-- Wajib ditambahkan agar gambar tidak error saat diexport
-  },
-  // ... (biarkan konfigurasi lain jika ada)
-};
-
+/** @type {import('next').NextConfig} */
+const nextConfig = {};
 export default nextConfig;

package.json

@@ -9,18 +9,20 @@
     "lint": "eslint"
   },
   "dependencies": {
-    "next": "16.2.12",
-    "react": "19.2.4",
-    "react-dom": "19.2.4"
+    "next": "^14.2.15",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "eslint": "^9",
-    "eslint-config-next": "16.2.12",
-    "tailwindcss": "^4",
+    "autoprefixer": "^10.5.4",
+    "eslint": "^8.57.1",
+    "eslint-config-next": "^14.2.15",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^3.4.14",
     "typescript": "^5"
   }
 }

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

tailwind.config.js

@@ -0,0 +1,13 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./app/**/*.{js,ts,jsx,tsx,mdx}",
+    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
+    "./components/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+