英文:
Next.js 13 App Dir - Layouting user and admin page
问题
你好，我有一个使用Next.js 13实验性应用程序目录布局的问题。在我的网站的首页或路由'/ '中，我想显示着陆页面，而对于除了admin之外的其他页面，我想使用布局。我的文件夹结构如下：
(admin)
studio/[[..index]]
head.tsx
loading.tsx
page.tsx
head.tsx
page.tsx
(user)
projects/
page.tsx
about/
page.tsx
layout.tsx
globals.css
head.tsx
layout.tsx
page.tsx
theme-provider.tsx
你能帮我吗，管理员如何有它自己的布局，而不使用根应用程序目录中的布局？
英文:
Hello i have a problem to use layout using Next.js 13 Experimental App Directory. In index page or routes '/' in my website i want to display landing page and the layout for the rest of page except for admin. I have a folder structure like this :
(admin)
studio/[[..index]]
head.tsx
loading.tsx
page.tsx
head.tsx
page.tsx
(user)
projects/
page.tsx
about/
page.tsx
layout.tsx
globals.css
head.tsx
layout.tsx
page.tsx
theme-provider.tsx
Can you help me, how can admin has its layout and don't using layout from root app directory?
答案1
得分: 0
根布局是必需的，必须包含html和body标签。
在(admin)文件夹中创建layout.tsx文件，为“admin”页面添加布局。
(admin)
studio/[[..index]]
head.tsx
loading.tsx
page.tsx
head.tsx
page.tsx
layout.tsx <----- 新增！！！
(user)
projects/
page.tsx
about/
page.tsx
layout.tsx
globals.css
head.tsx
layout.tsx
page.tsx
theme-provider.tsx
英文:
The Root layout is required and must contain html and body tags.
Create the layout.tsx file in the (admin) folder to add a layout for the "admin" pages.
(admin)
studio/[[..index]]
head.tsx
loading.tsx
page.tsx
head.tsx
page.tsx
layout.tsx <----- NEW!!!
(user)
projects/
page.tsx
about/
page.tsx
layout.tsx
globals.css
head.tsx
layout.tsx
page.tsx
theme-provider.tsx
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论