Создайте два независимых макета в next.jsHtml

Программисты Html
Ответить
Anonymous
 Создайте два независимых макета в next.js

Сообщение Anonymous »

У меня совершенно разные макеты для статических страниц, страниц авторов (вход в систему, регистрация) и панель панели. Я использую маршрутизатор приложения и следующий v15. < /P>
, когда я работал над старым проектом, используя следующий V14. Я помню, что я мог бы просто создать папку в приложении и создать файл mayout.tsx , который будет переопределить макет корня.
Но в настоящее время кажется, что это не так. Но этого не произошло. Это вложено внутри корневой макета.import type { Metadata } from "next";

import { Instrument_Sans } from "next/font/google";

import "./globals.css";
import Header from "@/components/header";
import Footer from "@/components/footer";
import Providers from "@/components/providers";
import localFont from "next/font/local";
import Banner from "@/components/banner";

import { Toaster } from "sonner";
const almarenaDisplay = localFont({
src: [
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayExtraLight.woff2",
weight: "200",
style: "normal",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayExtraLightItalic.woff2",
weight: "200",
style: "italic",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayLight.woff2",
weight: "300",
style: "normal",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayLightItalic.woff2",
weight: "300",
style: "italic",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayRegular.woff2",
weight: "400",
style: "normal",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayRegularItalic.woff2",
weight: "400",
style: "italic",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayMedium.woff2",
weight: "500",
style: "normal",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayMediumItalic.woff2",
weight: "500",
style: "italic",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-SemiBold.woff2",
weight: "600",
style: "normal",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplaySemiBoldItalic.woff2",
weight: "600",
style: "italic",
},

{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayBold.woff2",
weight: "700",
style: "normal",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayBoldItalic.woff2",
weight: "700",
style: "italic",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayExtraBold.woff2",
weight: "800",
style: "normal",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayExtraBoldItalic.woff2",
weight: "800",
style: "italic",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayBlack.woff2",
weight: "900",
style: "normal",
},
{
path: "./fonts/Almarena-Neue/AlmarenaNeue-DisplayBlackItalic.woff2",
weight: "900",
style: "italic",
},
],
variable: "--font-almarena-display",
display: "swap",
preload: true,
});

const instrumentSans = Instrument_Sans({
subsets: ["latin"],
variable: "--font-instrument-sans",
display: "swap",
preload: true,
});

export const metadata: Metadata = {
title: "H!RO",

description: "Generated by create next app",
};

export default function RootLayout({
children,
}: Readonly) {
return (





{children}





);
}
< /code>
Это мой текущий корневой макет. Я знаю, что проблема будет исправлена, если я использую группировку маршрутов и удаление корневого макета. Но я хочу знать, можно ли сделать это без удаления корневой макета и достижения желаемой функциональности, не удаляя его так же, как это работало в V14?>

Подробнее здесь: https://stackoverflow.com/questions/797 ... in-next-js
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»