44 líneas
1.3 KiB
JavaScript
44 líneas
1.3 KiB
JavaScript
import { Geist, Geist_Mono } from "next/font/google";
|
|
import "./globals.css";
|
|
import { Suspense } from 'react';
|
|
|
|
const geistSans = Geist({
|
|
variable: "--font-geist-sans",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
const geistMono = Geist_Mono({
|
|
variable: "--font-geist-mono",
|
|
subsets: ["latin"],
|
|
});
|
|
|
|
export const metadata = {
|
|
title: "P2P Media Streaming - WebRTC & Socket.IO",
|
|
description: "Plataforma de streaming P2P con chat en tiempo real usando WebRTC, Socket.IO y HLS.js",
|
|
};
|
|
|
|
export default function RootLayout({ children }) {
|
|
return (
|
|
<html lang="es">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="theme-color" content="#3b82f6" />
|
|
</head>
|
|
<body
|
|
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
|
|
>
|
|
<Suspense fallback={
|
|
<div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-blue-50 to-purple-50">
|
|
<div className="text-center">
|
|
<div className="inline-block animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
|
|
<p className="mt-4 text-gray-600">Cargando...</p>
|
|
</div>
|
|
</div>
|
|
}>
|
|
{children}
|
|
</Suspense>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|