add how-to sidebar

www/apps/resources/app/deployment/page.mdx

@@ -1,4 +1,4 @@
-import { ChildDocs } from "docs-ui"
+import { CardList, Card } from "docs-ui"
 
 export const metadata = {
   title: `Deployments`,
@@ -32,7 +32,20 @@ With Medusa Cloud, you maintain full customization control as you deploy your ow
 
 To host and maintain Medusa on your own, check out the following guides.
 
-<ChildDocs showItems={["Self-Hosting"]} hideTitle={true} />
+<CardList
+  items={[
+    {
+      title: "General Guide",
+      href: "https://docs.medusajs.com/learn/deployment/general",
+      text: "General steps to deploy Medusa.",
+    },
+    {
+      title: "Railway",
+      href: "/deployment/medusa-application/railway",
+      text: "Deploy Medusa on Railway.",
+    }
+  ]}
+/>
 
 ---
 
@@ -40,4 +53,8 @@ To host and maintain Medusa on your own, check out the following guides.
 
 Learn how to deploy the Next.js Starter Storefront.
 
-<ChildDocs showItems={["Next.js Starter"]} hideTitle={true} />
+<Card
+  title="Vercel"
+  path="/deployment/storefront/vercel"
+  text="Deploy the Next.js Starter Storefront on Vercel."
+/>