build(migration): react to next

.gitignore

@@ -24,4 +24,9 @@ yarn-debug.log*
 yarn-error.log*
 
 
-src/firebaseConfig.js
+src/firebaseConfig.js
+
+# Next
+.next
+next-env.d.ts
+dist

next.config.mjs

@@ -0,0 +1,7 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    output: 'export', // Outputs a Single-Page Application (SPA).
+    distDir: './dist', // Changes the build output directory to `./dist/`.
+  }
+
+  export default nextConfig

package.json

@@ -12,6 +12,7 @@
     "firebase": "^9.15.0",
     "framer-motion": "^7.8.0",
     "gsap": "^3.11.3",
+    "next": "^14.2.5",
     "react": "^18.2.0",
     "react-calendly": "^4.3.0",
     "react-device-detect": "^2.2.3",
@@ -29,8 +30,9 @@
     "web-vitals": "^2.1.4"
   },
   "scripts": {
-    "start": "react-scripts start",
-    "build": "react-scripts build",
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
     "test": "react-scripts test",
     "eject": "react-scripts eject"
   },

src/App.js

@@ -3,7 +3,7 @@ import Home from "./page/Home/Home";
 import Services from "./page/Services/Services";
 import { BrowserRouter, Routes, Route } from "react-router-dom";
 import { useState } from "react";
-import Navbar from "./components/Navbar/Navbar";
+import Navbar from "./components/Navbar/Navbar.tsx";
 import MentionsLegales from "./components/MentionsLegales/MentionsLegales";
 import BitcoinPrice from "./page/BitcoinPrice/BitcoinPrice";
 function App() {

src/app/[[...slug]]/client.tsx

@@ -0,0 +1,10 @@
+'use client'
+
+import React from 'react'
+import dynamic from 'next/dynamic'
+
+const App = dynamic(() => import('../../App'), { ssr: false })
+
+export function ClientOnly() {
+  return <App />
+}