创建新页面

创建流程

在 ShipAny 中创建新页面，跟 NextJS 框架创建新页面的规则一致。

1. 在 app/[locale]/(default) 目录下创建一个新的文件夹，新建一个 page.tsx 文件，并添加新页面的内容：

export default function NewPage() {
  return (
    <div className="container py-36 flex items-center justify-center">
      New Page
    </div>
  );
}

2. 在浏览器访问新页面的地址，即可看到新页面渲染后的内容：

新页面会复用在 app/[locale]/(default)/layout.tsx 文件中定义的布局，默认显示 Header 和 Footer。

如果你希望新页面有不一样的布局，需要创建新的 Layout 文件。具体步骤参考 NextJS Layout 文档

参考

• NextJS 页面与布局