- Add links to categories in admin nav
- Use a
AdminLayout
component that includes sidebar (AdminNav), so that you can easily useAdminLayout
to include sidebar on all pages as needed
// components/layout/AdminLayout.js
import { Layout } from "antd";
import AdminNav from "../../components/nav/AdminNav";
const { Content } = Layout;
const AdminLayout = ({ children }) => {
return (
<Layout>
<AdminNav />
<Layout>
<Content
style={{
margin: "16px 16px",
overflow: "auto",
height: "100vh",
position: "fixed",
marginTop: 54,
}}
>
{children}
</Content>
</Layout>
</Layout>
);
};
export default AdminLayout;
Now use AdminLayout
in pages/admin/index.js
import AdminLayout from "../../components/layout/AdminLayout";
const Admin = () => {
return (
<AdminLayout>
<h1>Heading 1</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti in
delectus dicta maxime debitis ipsum, obcaecati vitae alias numquam culpa
itaque possimus, dolorum corporis tempore assumenda nobis doloremque,
sapiente saepe!
</p>
</AdminLayout>
);
};
export default Admin;