Minimal AppLayout Configuration

📦 Configuration

This is the simplest way to use AppLayout. You only need:

  • Provide metaConfig (page metadata)
  • Set showHeader={false} (hide header)
  • Set showFooter={false} (hide footer)
  • Set showSidebar={false} (hide sidebar)

💡 Code Example

<AppLayout
  metaConfig={{
    title: '页面标题',
    description: '页面描述',
    keywords: '关键词',
    author: '作者',
    robots: 'index, follow'
  }}
  showHeader={false}
  showFooter={false}
  showSidebar={false}>
  <!-- 您的页面内容 -->
  <h1>欢迎</h1>
  <p>这是您的内容</p>
</AppLayout>

✨ Features

  • No complex configuration needed
  • Clean page layout
  • SEO optimized (metaConfig)
  • Fully responsive
  • Can add Header/Footer/Sidebar anytime

🎯 Use Cases

  • Simple landing pages
  • Single page applications
  • Rapid prototyping
  • Minimalist designs
  • Learning and testing

🚀 Next Steps

When you need more features, you can gradually add:

  • Set showHeader={true} to add navigation bar
  • Provide headerConfig to customize Header
  • Provide sidebarConfig to add sidebar navigation
  • Provide footerConfig to customize footer

This can be your content area