Octopusdesign/Octopus-React-Wp
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

interation opengraph

Browse Source
This commit is contained in:
sebvtl728
2025-01-15 09:50:46 +01:00
parent 7c25479236
commit a9f17ff11f
7 changed files with 5105 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/main.jsx
+32 -32
View File
@@ -1,36 +1,48 @@
import React,{ lazy, Suspense } from "react";
import React, { lazy, Suspense } from "react";
import ReactDOM from "react-dom/client";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
import { ThemeProvider } from "@mui/material/styles";
import theme from "./theme";
import { HelmetProvider } from "react-helmet-async";
import SimpleReactLightbox from "simple-react-lightbox";
import SimpleReactLightbox from "simple-react-lightbox";
// Lazy loading des pages
const Home = lazy(() => import('./components/pages/Home.jsx'));
const About = lazy(() => import('./components/Pages/About'));
const Contact = lazy(() => import('./components/Pages/Contact'));
// import Home from "./components/Pages/Home.jsx";
import Post from "./components/Pages/Post";
// import About from "./components/Pages/About";
// import Contact from "./components/Pages/Contact";
import Search from "./components/Pages/Search"; // Nouveau composant pour la recherche
import Header from "./components/Header";
import Footer from './components/Footer';
const Post = lazy(() => import('./components/Pages/Post'));
const PostPage = lazy(() => import('./components/Pages/PostPage')); // Nouveau composant pour un post spécifique
const Search = lazy(() => import('./components/Pages/Search')); // Nouveau composant pour la recherche
// Import des services
import ServiceUn from "./components/Pages/ServiceUn.jsx";
import ServiceDeux from "./components/Pages/ServiceDeux.jsx";
import ServiceTrois from "./components/Pages/ServiceTrois.jsx";
function App() {
// Import des composants globaux
import Header from "./components/Header";
import Footer from './components/Footer';
function YourApp() {
return (
<SimpleReactLightbox>
<YourApp />
</SimpleReactLightbox>
<Suspense fallback={<div>Chargement...</div>}>
<Router>
<Header />
<Routes>
<Route path="/" element={<Home />} />
<Route path="/posts" element={<Post />} />
<Route path="/posts/:id" element={<PostPage />} /> {/* Route dynamique pour un post spécifique */}
<Route path="/about" element={<About />} />
<Route path="/contact" element={<Contact />} />
<Route path="/search" element={<Search />} /> {/* Route pour les recherches */}
{/* Routes pour les services */}
<Route path="/services/prestation-maitrise-oeuvre" element={<ServiceUn />} />
<Route path="/services/formation-ia" element={<ServiceDeux />} />
<Route path="/services/formation-video" element={<ServiceTrois />} />
</Routes>
<Footer />
</Router>
</Suspense>
);
}
@@ -38,22 +50,10 @@ ReactDOM.createRoot(document.getElementById("root")).render(
<React.StrictMode>
<ThemeProvider theme={theme}>
<HelmetProvider>
<Router>
<Header />
<Routes>
<Route path="/" element={<Home />} />
<Route path="/posts" element={<Post />} />
<Route path="/about" element={<About />} />
<Route path="/contact" element={<Contact />} />
<Route path="/search" element={<Search />} /> {/* Route pour les recherches */}
{/* Routes pour les services */}
<Route path="/services/prestation-maitrise-oeuvre" element={<ServiceUn />} />
<Route path="/services/formation-ia" element={<ServiceDeux />} />
<Route path="/services/formation-video" element={<ServiceTrois />} />
</Routes>
<Footer />
</Router>
<SimpleReactLightbox>
<YourApp />
</SimpleReactLightbox>
</HelmetProvider>
</ThemeProvider>
</React.StrictMode>
);
);