> ## Documentation Index
> Fetch the complete documentation index at: https://buttercms.com/docs/llms.txt
> Use this file to discover all available pages before exploring further.

# Find how-to recipes

> Create and modify apps for dozens of ButterCMS use-cases, including drop-in blogs, knowledge bases, directories, event management, and more.

You can launch a ButterCMS project on almost any framework. Whether you're looking to build something completely from scratch, or just drop in a new feature, this recipe cookbook of how-to tutorials has got you covered.

## Build something new

Start from scratch with one of the following projects:

<CardGroup cols={2}>
  <Card title="Blog (Blog Engine)" icon="newspaper" href="../build-your-app/how-to-recipes/build/building-a-blog-blog-engine">
    Integrate a fully-featured blog into your application with the prebuilt ButterCMS blog engine.
  </Card>

  <Card title="Custom blog (Page Types)" icon="newspaper" href="../build-your-app/how-to-recipes/build/building-a-blog-page-type">
    Learn how to build a custom blog for your app, powered by ButterCMS Page Types.
  </Card>

  <Card title="Customer portal" icon="user" href="../build-your-app/how-to-recipes/build/customer-portal">
    Build a patient portal with a knowledge base, announcements, appointments, messages, and personal information.
  </Card>

  <Card title="E-commerce project" icon="store" href="../build-your-app/how-to-recipes/build/e-commerce-projects">
    Build storefronts, shopping carts, and product catalogs on a variety of frameworks.
  </Card>

  <Card title="Event management system" icon="calendar" href="../build-your-app/how-to-recipes/build/event-management-system">
    Create a React event management system with listings that include dates, times, locations, and categories, and registry services information.
  </Card>

  <Card title="Food ordering app" icon="burger" href="../build-your-app/how-to-recipes/build/food-ordering-app">
    Build a food ordering app with React + ButterCMS with item listings, search, and add to cart.
  </Card>

  <Card title="Knowledge base" icon="book" href="../build-your-app/how-to-recipes/build/knowledge-base">
    Build a knowledge base with ButterCMS and your framework of choice using one of our guided tutorials.
  </Card>

  <Card title="Learning platform" icon="graduation-cap" href="../build-your-app/how-to-recipes/build/learning-platform">
    Use ButterCMS and Django to build a collaborative online learning platform, including courses, student enrollment, and student progress.
  </Card>

  <Card title="News aggregator" icon="newspaper" href="../build-your-app/how-to-recipes/build/news-aggregator">
    Capture data from RSS feeds using node.js and Zapier. Save it as ButterCMS pages to be used in your own news aggregator site in less than 50 lines of code.
  </Card>

  <Card title="Project portfolio" icon="briefcase" href="../build-your-app/how-to-recipes/build/project-portfolio">
    Build killer portfolios in React or Next.js and ButterCMS.
  </Card>

  <Card title="Quiz app" icon="block-question" href="../build-your-app/how-to-recipes/build/quiz-app">
    Build a quiz app from scratch with Next.js + ButterCMS.
  </Card>

  <Card title="Team directory" icon="users" href="../build-your-app/how-to-recipes/build/team-member-directory">
    Create a complete staff directory with departments, roles, and contact information via ButterCMS Collections.
  </Card>
</CardGroup>

## Add a feature

<CardGroup cols={2}>
  <Card title="Dynamic landing pages" icon="wand-magic-sparkles" href="../build-your-app/how-to-recipes/add-a-feature/dynamic-landing-pages">
    Compose flexible page layouts and easily reorder them with ButterCMS Components and the Component Picker.
  </Card>

  <Card title="Navigation menu" icon="bars" href="../build-your-app/how-to-recipes/add-a-feature/navigation-menus-collections">
    Use ButterCMS Collections to create a dynamic, multi-level menu your content team can edit in seconds.
  </Card>

  <Card title="Table of contents (Blog Engine)" icon="list" href="../build-your-app/how-to-recipes/add-a-feature/table-of-contents">
    Manually create a table of contents in ButterCMS Blog Posts using anchor links.
  </Card>

  <Card title="SEO Components to Pages" icon="share-nodes" href="../build-your-app/how-to-recipes/add-a-feature/seo-components-to-pages">
    Create a reusable SEO and social media component to use across your app.
  </Card>

  <Card title="Social sharing buttons" icon="share-nodes" href="../build-your-app/how-to-recipes/add-a-feature/social-sharing-buttons">
    Add social sharing buttons to your ButterCMS-powered site.
  </Card>

  <Card title="Community comments" icon="comments" href="../build-your-app/how-to-recipes/add-a-feature/community-comments">
    Plan comment and community features in ButterCMS, model the data, and wire comment systems to your app.
  </Card>
</CardGroup>
