ab8a80f34c
- Navigation und Weiterleitungen angepasst, um dynamisch `.html`-Endungen in Produktionsumgebung anzuhängen. - Nutzung von `NEXT_PUBLIC_NODE_ENV` ermöglicht unterschiedliche URL-Strukturen in Entwicklungs- und Produktionsumgebung. - `Navigation`-Komponente und `index.js` entsprechend konfiguriert, um `.html` in der Produktionsumgebung automatisch anzuhängen. - Verbesserte Konsistenz und Funktionalität zwischen beiden Umgebungen, 404-Fehler in Produktion behoben.
35 lines
1002 B
JavaScript
35 lines
1002 B
JavaScript
import { useEffect } from "react";
|
|
import Header from "../components/Header";
|
|
import Navigation from "../components/Navigation";
|
|
import Footer from "../components/Footer";
|
|
import "../styles/globals.css";
|
|
|
|
function MyApp({ Component, pageProps }) {
|
|
// Client-seitige Logik kann hier hinzugefügt werden
|
|
useEffect(() => {
|
|
if (typeof window !== "undefined") {
|
|
console.log("Client-side logic can run here.");
|
|
}
|
|
}, []);
|
|
|
|
return (
|
|
<div className="bg-gray-100 flex flex-col min-h-screen overflow-hidden">
|
|
<Header />
|
|
<div className="flex flex-grow w-full">
|
|
{" "}
|
|
{/* Flexbox-Container für Navigation und Content */}
|
|
<Navigation className="w-1/5" />{" "}
|
|
{/* Navigation nimmt 20% der Breite ein */}
|
|
<main className="flex-1 p-4">
|
|
{" "}
|
|
{/* Der Content nimmt den restlichen Platz ein */}
|
|
<Component {...pageProps} />
|
|
</main>
|
|
</div>
|
|
<Footer />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default MyApp;
|