const storefront = createStorefront({ storeId });

const menus = await storefront.menus.list();
const main = await storefront.menus.get('main');

{
  handle: 'main',
  label: 'Menu principal',
  source: 'published', // ou draft
  schemaVersion: 2,
  items: [ /* itens normalizados */ ],
}

import { useStorefrontMenus, StorefrontNav } from '@corvex/theme-sdk';

function Header() {
  const { getMenu, loading } = useStorefrontMenus(['main', 'footer']);
  const main = getMenu('main');

  if (loading) return null;
  return <StorefrontNav menu={main} />;
}

import { MegaMenuPanel, MegaMenuItem } from '@corvex/theme-sdk';

// StorefrontNav já usa MegaMenuItem internamente

import { resolveMenuItemUrl } from '@corvex/theme-sdk';

const href = resolveMenuItemUrl(item);

const blogs = await storefront.blogs.list();
const blog = await storefront.blogs.get('news');
const articles = await storefront.blogs.listArticles('news', { page: 1, limit: 12, tag: 'moda' });
const article = await storefront.blogs.getArticle('news', 'como-escolher-tamanho');

import { useStorefrontBlog } from '@corvex/theme-sdk';

function BlogListing() {
  const { blog, articles, loading } = useStorefrontBlog({ blogHandle: 'news' });
  // ...
}

function ArticlePage() {
  const { article } = useStorefrontBlog({
    blogHandle: 'news',
    articleHandle: 'como-escolher-tamanho',
  });
}

const { blog, articles, article } = usePage('blog');

{ "id": "menu", "type": "menu", "label": "Menu", "default": "main" }