Socialsdev Documentation

Welcome to the Socialsdev documentation. Learn how to integrate social features, AI capabilities, and community tools into your applications with our modular SDK.

What you can build

  • Social networks and communities
  • Real-time chat applications
  • Content sharing platforms
  • AI-powered recommendations

Quick Start

Get up and running with Socialsdev in just a few minutes. Follow these steps to create your first social application.

1. Create a new project

$npx create-socialsdev-app@latest my-app

2. Navigate to your project

$cd my-app

3. Start the development server

$npm run dev

Installation

You can also add Socialsdev to an existing project using your preferred package manager.

npm

$npm install @socialsdev/sdk

pnpm

$pnpm add @socialsdev/sdk

yarn

$yarn add @socialsdev/sdk

Authentication

Socialsdev provides a flexible authentication system that supports multiple providers including OAuth, SSO, and custom authentication flows.

import { SocialsdevAuth } from '@socialsdev/sdk';

const auth = new SocialsdevAuth({
  providers: ['google', 'github', 'email'],
  redirectUrl: '/dashboard',
});

// Sign in with Google
await auth.signIn('google');

// Sign in with email
await auth.signInWithEmail({
  email: 'user@example.com',
  password: 'secure-password'
});

User Profiles

Create and manage user profiles with avatars, bios, and custom fields.

import { useProfile } from '@socialsdev/sdk';

function ProfileCard({ userId }) {
  const { profile, updateProfile } = useProfile(userId);

  return (
    <div>
      <img src={profile.avatar} alt={profile.name} />
      <h2>{profile.name}</h2>
      <p>{profile.bio}</p>
    </div>
  );
}

Posts & Feeds

Build engaging feeds with posts, comments, likes, and shares.

import { useFeed, usePost } from '@socialsdev/sdk';

function Feed() {
  const { posts, loadMore } = useFeed();
  const { createPost } = usePost();

  const handlePost = async (content) => {
    await createPost({ content, visibility: 'public' });
  };

  return (
    <div>
      {posts.map(post => (
        <PostCard key={post.id} post={post} />
      ))}
    </div>
  );
}

Notifications

Keep users engaged with real-time notifications for mentions, likes, comments, and more.

import { useNotifications } from '@socialsdev/sdk';

function NotificationBell() {
  const { notifications, unreadCount, markAsRead } = useNotifications();

  return (
    <div>
      <Badge count={unreadCount}>
        <BellIcon />
      </Badge>
      <NotificationList 
        items={notifications} 
        onRead={markAsRead} 
      />
    </div>
  );
}

Plugin System

Extend Socialsdev with plugins for AI integrations, payments, analytics, and more.

AI Content Moderation

Automatic content filtering

Payment Processing

Stripe, PayPal integration

Analytics Dashboard

User engagement metrics

Email Notifications

SendGrid, Mailgun support

API Reference

Explore our REST API for server-side integrations and custom implementations.

Base URL

https://api.socialsdev.com/v1
GET/users/:id
POST/posts
GET/feed

Deployment

Deploy your Socialsdev application to any cloud provider or self-host on your own infrastructure.

Vercel (Recommended)

Deploy with zero configuration using Vercel.

$vercel deploy

Docker

Build and run with Docker for any environment.

$docker build -t my-app . && docker run -p 3000:3000 my-app