Social Feeds & Content Discovery

Key Benefit: Build comprehensive social experiences with pre-built components for content feeds, community discovery, post creation, and user engagement - all designed to work seamlessly together in a social home page.

Feature Overview

The Social Feeds & Content Discovery UIKit provides a complete suite of components for building engaging social home experiences. From dynamic newsfeeds and story displays to community discovery and content creation tools, these components create the foundation for modern social applications.

Content Feeds

Dynamic Social Streams

Global newsfeed with posts and stories
Real-time content updates and interactions
Empty state handling and loading
Post engagement (likes, comments, shares)

Content Creation

User-Generated Content

Post and story creation menus
Multiple content types support
Target audience selection
Quick creation workflows

Community Discovery

Explore & Connect

Community categories browsing
Recommended communities
Trending communities display
Discovery optimization

Navigation & Organization

Seamless User Experience

Tab-based navigation system
Custom navigation behaviors
Feed organization and filtering
User flow optimization

Implementation Guide

Social Home Page
Feed Components
Content Creation
Community Discovery

Complete social home experienceThe AmitySocialHomePage serves as the central hub integrating multiple social components for a comprehensive user experience.

Features

Feature	Description
Global Feed Navigation	Navigate through different segments like newsfeed, explore, my communities
Newsfeed Viewing	Displays recent posts, updates, and activities from connections and followed communities
Community Access	Quick access to user communities with options to join more
Engagement Options	Like, comment, and interact with posts directly from the page

Customization Options

Config ID	Type	Description
`social_home_page//`	Page	Customize page theme
`social_home_page/*/newsfeed_button`	Element	Customize text
`social_home_page/*/explore_button`	Element	Customize text
`social_home_page/*/my_communities_button`	Element	Customize text

Code Examples

let socialHomePage = AmitySocialHomePage()
let viewController = AmitySwiftUIHostingController(rootView: socialHomePage)

Navigation Customization: Custom navigation behavior can be implemented to enhance interaction flow, including overriding default actions for global search or community search.

Custom navigation behavior can be implemented to enhance or modify the interaction flow on the AmitySocialHomePage.

class CustomAmitySocialHomePageBehavior: AmitySocialHomePageBehavior {
    override init() {
        super.init()
    }
    
    override func goToGlobalSearch(context: AmitySocialHomePageBehavior.Context) {
        // Custom implementation for navigating to Global Search
    }
    
    override func goToCommunitySearch(context: AmitySocialHomePageBehavior.Context) {
        // Custom implementation for navigating to Community Search
    }
}

// Call this function to setup custom behaviour class in UIKit
func setSocialHomePageBehaviour() {
    let customBehavior = CustomAmitySocialHomePageBehavior()
    AmityUIKit4Manager.behaviour.socialHomePageBehavior = customBehavior
}

Newsfeed and content displayComponents for displaying and managing social content feeds with stories and posts.

Newsfeed Component

Integrates story display and global feed for a complete social feed experience.

Feature	Description
Story Display	Highlights user stories at the top, making them immediately accessible
Post List	Displays recent posts, updates, and activities from connections and communities
Engagement Options	Users can like, comment, and interact with posts directly

let newsfeedComponent = AmityNewsFeedComponent()
let viewController = AmitySwiftUIHostingController(rootView: newsfeedComponent)

Global Feed Component

Central component for aggregating and displaying diverse community posts.

let globalFeedComponent = AmityGlobalFeedComponent()
let viewController = AmitySwiftUIHostingController(rootView: globalFeedComponent)

Empty Newsfeed Component

Handles empty states with engaging placeholders and call-to-action buttons.

let emptyNewsFeedComponent = AmityEmptyNewsFeedComponent()
let viewController = AmitySwiftUIHostingController(rootView: emptyNewsFeedComponent)

The behavior of the AmityGlobalFeedComponent can be customized to handle navigation to the post detail page differently.

class CustomAmityGlobalFeedComponentBehavior: AmityGlobalFeedComponentBehavior {
    override init() {
        super.init()
    }
    
    override func goToPostDetailPage(context: AmityGlobalFeedComponentBehavior.Context) {
        // Custom implementation for navigating to Post Detail Page
    }
}

// Call this function to setup custom behaviour class in UIKit
func setGlobalFeedComponentBehaviour() {
    let customBehavior = CustomAmityGlobalFeedComponentBehavior()
    AmityUIKit4Manager.behaviour.globalFeedComponentBehavior = customBehavior
}

Post and story creation toolsComponents for enabling users to create posts, stories, and other content types.Provides users with options to create various types of content.

Features

Feature	Description
Create Post	Navigate to post creation with target selection
Create Story	Direct users to story target selection for audience customization
Create Poll	Enable poll creation functionality
Create Livestream	Support for livestream content creation

Customization Options

Config ID	Type	Description
`social_home_page/create_post_menu/*`	Component	Customize component theme
`social_home_page/create_post_menu/create_post_button`	Element	Customize text and image
`social_home_page/create_post_menu/create_story_button`	Element	Customize text and image
`social_home_page/create_post_menu/create_poll_button`	Element	Customize text and image
`social_home_page/create_post_menu/create_livestream_button`	Element	Customize text and image

Code Examples

let createPostMenuComponent = AmityCreatePostMenuComponent()
let viewController = AmitySwiftUIHostingController(rootView: createPostMenuComponent)

Navigation Behavior: The component behavior can be customized to manage navigation flow for post and story creation aligned with your application’s user experience.

The behavior of the AmityCreatePostMenuComponent can be customized to manage how the application navigates upon user actions related to post and story creation.

class CustomAmityCreatePostMenuComponentBehavior: AmityCreatePostMenuComponentBehavior {
    override init() {
        super.init()
    }
    
    override func goToSelectPostTargetPage(context: AmityCreatePostMenuComponentBehavior.Context) {
        // Custom implementation for navigating to Select Post Target Page
    }
    
    override func goToSelectStoryTargetPage(context: AmityCreatePostMenuComponentBehavior.Context) {
        // Custom implementation for navigating to Select Story Target Page
    }
}

// Call this function to setup custom behaviour class in UIKit
func setCreatePostMenuComponentBehaviour() {
    let customBehavior = CustomAmityCreatePostMenuComponentBehavior()
    AmityUIKit4Manager.behaviour.createPostMenuComponentBehavior = customBehavior
}

Explore and discover communitiesComponents for helping users find and engage with communities through categories and recommendations.

Community Categories Component

Displays five categories in a horizontally scrollable view with explore options.

Feature	Description
Categories	Highlights 5 categories making them immediately accessible
See More Tab	Allows users to view all categories in a separate page

let categoriesComponent = AmityCommunityCategoriesComponent()
let viewController = AmitySwiftUIHostingController(rootView: categoriesComponent)

Recommended Communities Component

Shows top four recommended communities for users to join.

let recommendedComponent = AmityRecommendedCommunitiesComponent()
let viewController = AmitySwiftUIHostingController(rootView: recommendedComponent)

Showcases the top five trending communities for user interaction.

let trendingComponent = AmityTrendingCommunitiesComponent()
let viewController = AmitySwiftUIHostingController(rootView: trendingComponent)

Customization Options

Component	Config ID	Type	Description
Categories	`social_home_page/community_categories/*`	Component	Customize component theme
Recommended	`social_home_page/recommended_communities/*`	Component	Customize component theme
Trending	`social_home_page/trending_communities/*`	Component	Customize component theme

Component Management Strategies

Social Home Architecture

Content Flow Optimization

Balancing consumption and creationDesign the balance between content display (feeds, stories) and content creation opportunities. Position creation menus strategically to encourage user-generated content while maintaining focus on content discovery and consumption.

Community Engagement Strategy

Driving community participationUse community discovery components strategically to introduce users to relevant communities. Combine categories, recommendations, and trending displays to provide multiple pathways for community exploration and joining.

Best Practices

User Experience Design

Creating intuitive social interfacesDesign clear visual hierarchy between different content types, provide smooth transitions between components, and ensure navigation patterns are consistent across all social features. Consider mobile-first design for optimal user engagement.

Performance Optimization

Ensuring smooth social experiencesImplement efficient loading strategies for feeds, optimize image and media display, and use appropriate pagination for community discovery. The underlying SDK handles data optimization, so focus on UI responsiveness and user interaction patterns.

Customization Strategy

Aligning with your brand identityCustomize themes, colors, and component behaviors to match your application’s design system. Consider different user contexts (content creation vs consumption) and adjust styling to guide user attention appropriately.

Content Discovery

Search & Discovery Global search, categories, and notification components

Post Components

Content Creation Post creation and management components

Community Management

Community Features Community creation and administration tools

Implementation Strategy: Start with AmitySocialHomePage for a complete experience, then customize individual components (newsfeed, create post menu, community discovery) based on your specific user engagement goals and brand requirements.

Powered by

Getting Started

Customization

Components

Release Notes

Support

Social Feeds & Content Discovery

Feature Overview

Content Feeds

Content Creation

Community Discovery

Navigation & Organization

Implementation Guide

Component Management Strategies

Best Practices

Content Discovery

Post Components

Community Management

Powered by

Getting Started

Customization

Components

Release Notes

Support

​Feature Overview

Content Feeds

Content Creation

Community Discovery

Navigation & Organization

​Implementation Guide

​Features

​Customization Options

​Code Examples

​Navigation Behavior

​Newsfeed Component

​Global Feed Component

​Empty Newsfeed Component

​Navigation Behavior

​Create Post Menu Component

​Features

​Customization Options

​Code Examples

​Navigation Behavior

​Community Categories Component

​Recommended Communities Component

​Trending Communities Component

​Customization Options

​Component Management Strategies

​Best Practices

​Related Features

Content Discovery

Post Components

Community Management

Feature Overview

Implementation Guide

Features

Customization Options

Code Examples

Navigation Behavior

Newsfeed Component

Global Feed Component

Empty Newsfeed Component

Navigation Behavior

Create Post Menu Component

Features

Customization Options

Code Examples

Navigation Behavior

Community Categories Component

Recommended Communities Component

Trending Communities Component

Customization Options

Component Management Strategies

Best Practices

Related Features