У меня совершенно разные макеты для статических страниц, страниц авторов (вход в систему, регистрация) и панель панели. Я использую маршрутизатор приложения и следующий 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
Создайте два независимых макета в next.js ⇐ Html
Программисты Html
1756230429
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?>
Подробнее здесь: [url]https://stackoverflow.com/questions/79746941/create-two-independent-layouts-in-next-js[/url]
Ответить
1 сообщение
• Страница 1 из 1
Перейти
- Кемерово-IT
- ↳ Javascript
- ↳ C#
- ↳ JAVA
- ↳ Elasticsearch aggregation
- ↳ Python
- ↳ Php
- ↳ Android
- ↳ Html
- ↳ Jquery
- ↳ C++
- ↳ IOS
- ↳ CSS
- ↳ Excel
- ↳ Linux
- ↳ Apache
- ↳ MySql
- Детский мир
- Для души
- ↳ Музыкальные инструменты даром
- ↳ Печатная продукция даром
- Внешняя красота и здоровье
- ↳ Одежда и обувь для взрослых даром
- ↳ Товары для здоровья
- ↳ Физкультура и спорт
- Техника - даром!
- ↳ Автомобилистам
- ↳ Компьютерная техника
- ↳ Плиты: газовые и электрические
- ↳ Холодильники
- ↳ Стиральные машины
- ↳ Телевизоры
- ↳ Телефоны, смартфоны, плашеты
- ↳ Швейные машинки
- ↳ Прочая электроника и техника
- ↳ Фототехника
- Ремонт и интерьер
- ↳ Стройматериалы, инструмент
- ↳ Мебель и предметы интерьера даром
- ↳ Cантехника
- Другие темы
- ↳ Разное даром
- ↳ Давай меняться!
- ↳ Отдам\возьму за копеечку
- ↳ Работа и подработка в Кемерове
- ↳ Давай с тобой поговорим...
Мобильная версия