FansLab is a content subscription platform where creators monetize exclusive content, offering fan engagement, tipping, and premium memberships without adult content.
The user website is a single page website built with react.js and next.js
Users can chat with other users with private conversation.
Admin can manage badge information and set price for each creators.
Engage your community with quizzes, polls, and charitable causes.
Creators can manage and toggle their subscriptions.
Creators can get a verified badge to boost trust and recognition.
Users can become followers and fans, fostering a sense of community and engagement.
Creators can add both locked and unlocked(only paid fans can see) posts.
Creators can earn from tips, subscriptions and withdraw money with intuitive withdrawal methods
We have used modern technology stack for modern user experience with Single Page Application.
Laravel: A robust PHP framework designed for the development of scalable web applications, featuring built-in tools for routing, authentication, and database management.
PHP: A widely-used server-side scripting language that powers dynamic content generation and seamless database integration for web applications.
MySQL: A high-performance, open-source relational database management system, ideal for managing structured data in web-based environments.
React: A JavaScript library for building dynamic and responsive user interfaces through reusable components and an optimized virtual DOM.
NextJS: A React-based framework that enables server-side rendering and static site generation for improved performance and SEO optimization.
Socket.IO: A real-time communication library that enables bidirectional event-based communication between web clients and servers, ensuring low-latency interactions.
To run FansLab - Subscription Based Social Media Platform smoothly, ensure that your server meets the following minimum requirements:
Installation is very easy with our Easy Installer. You can install yourself simply in few steps without any coding knowledge. We develop our installation system to make the installation process flawless and easy.
laravel folder to the main folder(where
you want to install it). Make sure you have moved
the index.php and
.htaccess as well.
your-site-url/install/index.php
and follow the process. Your system should be ready
to use.
Follow these steps to install FansLab – Code & Template Marketplace on your server
After installing the system you need to activate it. When you visit the system, you will be able to see the activation page. Just provide this information to activate and run your system. Your provided information will send to ViserLab server to verify and we never collect any sensitive or confidential data.
We offer full support for cPanel, if your hosting environment includes Node.js support. Our script includes detailed documentation with video tutorials.
Please follow the video to setup your socket server on cPanel hosting:
[NOTE: if your hosting supports node.js by default socket should be there, if not please contact your hosting provider]
In this section we will guide you through the process of setting up Next.js on cPanel hosting.
Step 1: Login to your cPanel and click on Setup Node.js App
Step 2: Click on Create Application button. (here you can see the list of all of your node.js applications)
Step 3: Fill up the form as described below:
After filling the form and and adding needed environment variables(please click on the done button after adding variables), click on the Create button on the top right corner.
Step 4: From the step 3, you as you created the application, now in the file manager you have to upload the built zip file as following and extract it in the folder:
Step 5: After uploading the files on the appropriate folder, stop the server and click on Run NPM Install button. After a successful install, start your server again. Your application is live now.
Follow the tutorial to install the following:
After purchasing the script from codecanyon you have the following folder structure. Copy the next folder from here to somewhere else, to building it or you can do it right here.
Step 1. If you did not download the node.js yet, download it from here
Step 2. Check node.js and npm version from terminal.
Step 3. Now, open your project path in
the terminal and run npm install as following
Step 4. Open your project in any code
editor and edit the .env file and the next.config.mjs file and
update as following:
.env file: 1. NEXT_PUBLIC_AUTH_PREFIX: If you wish to run your website in some kind of subfolder, then put the subfolder name here, e.g. /frontend
2. NEXT_PUBLIC_SITE_TITLE: Your website title
3. NEXT_PUBLIC_API_URL: The url of your API where the backend is running(please put it without the trailing slash)
4. NEXT_PUBLIC_SOCKET_SERVER: Socket server url(this is required for the live chat system)
5. NEXT_PUBLIC_FIREBASE_API_KEY: Firebase API key
6. NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN: Firebase auth domain
7. NEXT_PUBLIC_FIREBASE_PROJECT_ID: Firebase project id
8. NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET: Firebase storage bucket
9. NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID: Firebase message sender id
10. NEXT_PUBLIC_FIREBASE_APP_ID: Firebase App ID
11. NEXT_PUBLIC_FIREBASE_VAPID_KEY: Add the VAPID key you generated in Firebase Console
next.config.mjs file:basePath: If you want to run your website inside a subfolder,
specify the subfolder name here (e.g. /frontend). Otherwise, leave it empty('') or
remove the key.
domains: Enter your backend URL's domain here to allow images
to load correctly. Make sure you just put the domain name without any protocol(https/http) (e.g.
example.com).
Step 5. After completing the above
steps, now open your project in the terminal and run npm run build as following
to build your project.
Step 6. After building your project,
please select the .next, package.json, next.config.mjs
and server.js file and make a zip file and to deploy with cPanel, please go to cPanel Hosting section.
The General Settings page allows administrators to configure essential site-wide settings for the FansLab - Subscription Based Social Media Platform. Below are the available options.
The Logo & Favicon settings allow you to upload branding elements for your FansLab script. These assets help create a professional and recognizable identity for your platform.
The System Configuration page allows administrators to manage essential settings for the backend functionality of FansLab – Subscription Based Social Media Platform. These settings control various aspects of the system, such as Email Varification, Push Notification etc.
FansLab includes KYC (Know Your Customer) verification to ensure secure transactions and compliance with platform policies. This feature helps verify user identities before they can perform certain actions like withdrawals, selling products, or accessing restricted features.
FansLab provides a flexible Notification Settings system to manage how users receive updates and alerts. You can configure different types of notifications based on your platform’s needs.
FansLab supports two types of payment gateways to process transactions securely: Automatic Payment Gateways and Manual Payment Gateways.
The main problem of online business is accepting the payments. And we tried our level best to solve this problem. We have added 20+ Automated online payments gateways! YES, 30+ gateways. You can control all of them from the admin panel and you do not need any coding knowledge for that. Additionally, you can set manual gateways as well.
FansLab provides multiple withdrawal methods for sellers to securely withdraw their earnings. Users can choose a preferred method based on availability and convenience.
SEO now becomes a very important part of any website, and that is why we have added a simple but powerful SEO manager tool in the admin panel. Now you can set your SEO keywords, meta tag, and OG image from your admin panel without paying anyone. SEO setting is just one-click away.
Nowadays, many website owners want to localize their websites. They want to set many languages so users can choose and see the website in their mother language. But they can not set as many other software providers don't give that option Built-in and they charge a high amount of money to set that, In our product, you need not to pay any single penny for that. we include a unique language manager where you can easily set any language within a very short time.
It is a unique feature for you. We have added all the important and required plugins in our admin panel. You will have full control over these plugins and you can configure them as you want.
If you have any questions about this script, I'd be happy to help you. I'll try to help as best I can. If you have any questions, please don't hesitate to contact us in the Help Center.
Social Login Setting
FansLab allows users to log in and interact using their social media accounts. The Social Settings section enables you to configure authentication and integration for popular platforms like Google, Facebook, and LinkedIn.
Google Login
Facebook Login
LinkedIn Login