Sider component and use the render prop to render any custom component. This method allows you to add internal or external links directly to the sidebar.resources prop of the <Refine> component. This will add a navigation link to the sidebar.Sider component to your project and modify it as needed. Refer to the swizzle documentation (https://refine.dev/docs/packages/documentation/cli/#swizzle) for more information.meta.hide property to hide the resource from the menu while still making it accessible via the URL. This way, the resource won't trigger any queries unless explicitly accessed.meta.hide to true, you ensure that the dummy resource does not appear in the sidebar and does not trigger any queries unless directly accessed via its URL.meta.hidemeta.hideimport { Layout, Sider } from "@refinedev/antd";
const CustomSider = () => {
return (
<Sider
render={({ items, logout }) => {
return (
<>
<a href="<https://refine.dev/">👋> Navigation Link</a>
{items}
{logout}
</>
);
}}
/>
);
};
const CustomLayout = () => {
return <Layout Sider={CustomSider}>...</Layout>;
};import { Refine } from "@refinedev/core";
<Refine
...
resources={[
{
name: "dummy-resource",
list: "/internal-link",
meta: {
label: "Navigation Link",
icon: <span>👋</span>,
},
},
]}
/>;import { Refine } from "@refinedev/core";
const App = () => (
<Refine
...
resources={[
{
name: "dummy-resource",
list: "/internal-link",
meta: {
hide: true, // This will hide the resource from the menu
},
},
]}
/>
);