Cliply - Social Media Downloader Full Stack

Cliply – Full-Stack Social Media Downloader

Cliply is a modern, responsive, full-stack web application built with React 19, Node.js, Express.js, TypeScript, and MongoDB.

It enables users to analyze and download publicly accessible videos, photos, Reels, Stories, Highlights, slideshows, and audio from Instagram, Facebook, and TikTok.

Cliply is designed for developers and website owners who want a customizable media downloading platform with a structured backend, user authentication, download history, quota management, and SEO-ready landing pages.

Supported Social Media Platforms

Instagram:

• Public videos and Reels
• Photo posts and image carousels
• Public Stories and Story Highlights
• Mixed media albums
• Audio extraction

Facebook:

• Public videos and Reels
• Public photos and image posts
• Multiple video quality options
• Direct file downloading

TikTok:

• Public videos
• Watermark-free download support
• Photo slideshows
• Audio extraction

Full-Stack Architecture

The frontend is developed using React 19, Vite, TypeScript, Tailwind CSS v4, and Ant Design v6.

The backend uses Node.js, Express.js, TypeScript, MongoDB, and Mongoose with modular controllers, services, routes, middleware, and validation layers.

Media extraction is powered by yt-dlp with platform-specific fallback mechanisms, reducing reliance on paid third-party scraping APIs.

User Accounts and Download Management

Cliply includes user registration, login, JWT-based authentication, password management, and OTP-based password recovery.

Registered users can access their download history, re-analyze previous links, and manage download preferences.

A configurable credit and quota system supports both guest visitors and registered accounts.

SEO-Optimized Structure

Cliply features a build-time pre-rendering system that generates 14 SEO-ready pages, including dedicated landing pages for different social media platforms and media types.

SEO Features Include:

• Pre-rendered HTML pages
• Custom meta titles and descriptions
• OpenGraph metadata
• Canonical URLs
• Structured JSON-LD data
• XML sitemap and robots.txt

The project has achieved a 100/100 Lighthouse SEO score in testing. Scores may vary depending on deployment and configuration.

Security and Performance

The backend includes URL validation, SSRF protection, request validation using Zod, rate limiting, secure password hashing, and HTTP security headers.

A backend media proxy supports direct downloads and helps handle restrictions associated with third-party media delivery URLs.

Customization and Monetization

Cliply includes English and Vietnamese localization, customizable branding, configurable download limits, and advertising placement areas.

Its modular structure allows developers to extend the application with additional social media integrations and business features.

Source Code and Documentation

The package provides the frontend and backend source code with technical documentation covering project architecture, dependencies, environment configuration, installation, and deployment.

Important Information

Cliply is intended for publicly accessible media only. Availability and download quality depend on the source platform and extractor compatibility.

Users are responsible for complying with applicable copyright laws and third-party platform terms. Production email functionality requires a verified sending domain.