Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
63 changes: 40 additions & 23 deletions docs/mini-apps/featured-guidelines/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -3,14 +3,14 @@ title: "Featured Checklist"
description: "Build high quality mini apps to get more distribution."
---

Your app must meet all product, design, and technical guidelines outlined below. Meeting these guidelines is a prerequisite for featured placement, but __does not guarantee placement__. Base holds a very high bar for featured placement.

Your app must meet all product, design, and technical guidelines outlined below. Meeting these guidelines is a prerequisite for featured placement, but **does not guarantee placement**. Base holds a very high bar for featured placement.

<Note>
To submit your app for featured placement, first verify your mini app in the [Base Build dashboard](https://base.dev/), then fill out the [submission form](https://docs.google.com/forms/d/e/1FAIpQLSeZiB3fmMS7oxBKrWsoaew2LFxGpktnAtPAmJaNZv5TOCXIZg/viewform).
To submit your app for featured placement, first verify your mini app in the
[Base Build dashboard](https://base.dev/), then fill out the [submission
form](https://docs.google.com/forms/d/e/1FAIpQLSeZiB3fmMS7oxBKrWsoaew2LFxGpktnAtPAmJaNZv5TOCXIZg/viewform).
</Note>


<Steps titleSize="h3">
<Step title="Authentication">
* In-app authentication stays within the Base app with no external redirects
Expand All @@ -19,34 +19,35 @@ Your app must meet all product, design, and technical guidelines outlined below.
</Step>

<Step title="Onboarding Flow">
* Explain the purpose of the app and how to get started, with clear onboarding instructions either on the home page or as a a pop-up window.
* App only requests essential personal information, with clear context
* Display user's avatar and username **(no 0x addresses)**
* Explain the purpose of the app and how to get started, with clear onboarding
instructions either on the home page or as a pop-up window. * App only
requests essential personal information, with clear context * Display user's
avatar and username **(no 0x addresses)**
</Step>

<Step title="Base Compatibility">
* App is client-agnostic, with no hard-coded Farcaster text or links, or other client-specific behavior
* Transactions are sponsored
* App is client-agnostic, with no hard-coded Farcaster text or links, or other
client-specific behavior * Transactions are sponsored
</Step>

<Step title="Layout">
* Call to actions are visible and centered on page
* App has a bottom navigation bar or side menu to easily access core flow
* All buttons are accessible and not cut off
* Navigation bar items have clear, understandable labels
* Call to actions are visible and centered on page * App has a bottom
navigation bar or side menu to easily access core flow * All buttons are
accessible and not cut off * Navigation bar items have clear, understandable
labels
</Step>

<Step title="Load Time">
* App loads within **3 seconds**

* In-app actions complete within **1 second**
* Loading indicators are shown during actions
</Step>
- In-app actions complete within **1 second**

- Loading indicators are shown during actions
</Step>

<Step title="Usability">
* App supports **light and dark modes** consistently
* App has minimum **44px touch targets**
* App supports **light and dark modes** consistently * App has minimum **44px
touch targets**
</Step>

<Step title="App Metadata">
Expand All @@ -61,8 +62,24 @@ Your app must meet all product, design, and technical guidelines outlined below.
## Next Steps

<CardGroup>
<Card title="Product Guidelines" icon="lightbulb" href="/mini-apps/featured-guidelines/product-guidelines" />
<Card title="Design Guidelines" icon="brush" href="/mini-apps/featured-guidelines/design-guidelines" />
<Card title="Technical Guidelines" icon="wrench" href="/mini-apps/featured-guidelines/technical-guidelines" />
<Card title="Notification Guidelines" icon="bell" href="/mini-apps/featured-guidelines/notification-guidelines" />
<Card
title="Product Guidelines"
icon="lightbulb"
href="/mini-apps/featured-guidelines/product-guidelines"
/>
<Card
title="Design Guidelines"
icon="brush"
href="/mini-apps/featured-guidelines/design-guidelines"
/>
<Card
title="Technical Guidelines"
icon="wrench"
href="/mini-apps/featured-guidelines/technical-guidelines"
/>
<Card
title="Notification Guidelines"
icon="bell"
href="/mini-apps/featured-guidelines/notification-guidelines"
/>
</CardGroup>