mirror of
https://hk.gh-proxy.com/https://github.com/NodeBB/nodebb.org.git
synced 2025-10-03 08:43:39 +08:00
388 lines
19 KiB
HTML
388 lines
19 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>Product - NodeBB - Modern Community Forum Software</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta name="description" content="NodeBB Forum Software - The Modern Discussion Platform">
|
||
<meta name="author" content="NodeBB Inc.">
|
||
<meta name="keywords" content="nodebb, node.js, forum, discussion, community, software, hosting">
|
||
|
||
<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
|
||
<link rel="icon" type="image/png" sizes="32x32" href="/images/icons/32x32.png">
|
||
<link rel="icon" type="image/png" sizes="16x16" href="/images/icons/16x16.png">
|
||
<link rel="shortcut icon" href="/images/icons/favicon.ico">
|
||
|
||
<!-- Google Fonts: Inter & Poppins -->
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Poppins:wght@400;600&display=swap" rel="stylesheet">
|
||
|
||
<!-- Bootstrap 5 CSS -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
|
||
|
||
<!-- Font Awesome -->
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||
|
||
<!-- our css-->
|
||
<link href="/css/style.css" rel="stylesheet">
|
||
|
||
<!-- Google tag (gtag.js) -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V0P62EB8Q6"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
function gtag(){dataLayer.push(arguments);}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'G-V0P62EB8Q6');
|
||
</script>
|
||
</head>
|
||
<body class="p-0 py-5 p-lg-5">
|
||
<!-- Navbar -->
|
||
<nav class="navbar navbar-expand-lg bg-body fixed-top shadow-sm">
|
||
<div class="container-lg">
|
||
<a class="navbar-brand py-2" href="/">
|
||
<img src="/images/brand/nodebb-logo.svg" style="height: 36px; width: auto;" alt="NodeBB Logo" />
|
||
</a>
|
||
<button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse justify-content-end" id="navbarMenu">
|
||
<ul class="nav nav-underline gap-4 flex-column flex-lg-row align-items-end align-items-lg-center mt-4 mt-lg-0">
|
||
<li class="nav-item">
|
||
<a href="/" class="nav-link text-reset fw-semibold">HOME</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="/product" class="nav-link active text-reset fw-semibold">PRODUCT</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="/pricing" class="nav-link text-reset fw-semibold">PRICING</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="/services" class="nav-link text-reset fw-semibold">SERVICES</a>
|
||
</li>
|
||
<li class="nav-item dropdown">
|
||
<a href="#" target="_blank" role="button" data-bs-toggle="dropdown" aria-expanded="false" class="nav-link dropdown-toggle text-reset fw-semibold">RESOURCES</a>
|
||
<ul class="dropdown-menu dropdown-menu-end border-0 shadow p-1">
|
||
<li><a href="https://community.nodebb.org/" class="dropdown-item rounded-1" target="_blank">Community</a></li>
|
||
<li><a href="https://try.nodebb.org/" class="dropdown-item rounded-1" target="_blank">Demo Site</a></li>
|
||
<li><a href="https://community.nodebb.org/category/28/answers" class="dropdown-item rounded-1" target="_blank">Answers</a></li>
|
||
<li><a href="https://docs.nodebb.org/" class="dropdown-item rounded-1" target="_blank">Documentation</a></li>
|
||
<li><a href="/bounty" class="dropdown-item rounded-1">Bug Bounty</a></li>
|
||
</ul>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="/contact" class="btn btn-warning rounded-pill">Contact Us</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a href="https://manage.nodebb.org/register" class="btn btn-primary"><i class="fa-solid fa-rocket"></i> Start Free Trial</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- Page Content -->
|
||
<div class="container-lg mt-5">
|
||
|
||
<!-- Product -->
|
||
<div>
|
||
<div class="row pt-2 pt-lg-5">
|
||
<div class="col-12 col-lg-4 col-xl-5 col-xxl-6 d-flex flex-column gap-4">
|
||
<h1 class="display-1 fw-semibold fs-1">
|
||
Never worry about performance and scalability again.
|
||
</h1>
|
||
<h2 class="text-secondary fs-4">
|
||
Our high-performance community discussion platform offers fast and dependable performance that will support even the biggest and most active community.
|
||
</h2>
|
||
<div class="">
|
||
<h4 class="fw-semibold">Customizable Open Source Forums</h4>
|
||
<p class="text-secondary fs-5">
|
||
NodeBB forums look great on all devices – phone, tablet, or desktop. Customize colors, icons, layout, and more with a few clicks.
|
||
</p>
|
||
<p class="text-secondary fs-5">
|
||
Need an even more customized look? No problem, we provide full in-house design services for our Enterprise clients, contact us for more details.
|
||
</p>
|
||
<a href="/contact" class="btn btn-warning rounded-pill">Get In Touch</a>
|
||
</div>
|
||
</div>
|
||
<div class="col-12 col-lg-8 col-xl-7 col-xxl-6 d-none d-lg-block" style="height: 400px;">
|
||
<div class="screenshot-stack position-relative w-100 h-100">
|
||
<img src="images/Microsoft-Surface-Studio.png" alt="Desktop Screenshot" class="screenshot position-absolute desktop" style="top:0; right: 40px; width: 500px;">
|
||
<img src="images/Microsoft-Surface-Book.png" alt="Tablet Screenshot" class="screenshot position-absolute tablet" style="top: 200px; right: 0px; width: 250px">
|
||
<img src="images/Samsung-Galaxy-S10.png" alt="Mobile Screenshot" class="screenshot position-absolute mobile" style="top: 250px; right:440px; width: 160px;">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="my-5"/>
|
||
|
||
<div class="py-5">
|
||
<h2 class="fs-1 fw-semibold text-center mb-5">Great conversations start<br/><span class="fs-3">with great tools</span></h2>
|
||
</div>
|
||
|
||
<div class="d-flex flex-column gap-5">
|
||
<div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center">
|
||
<div class="col-12 col-md-6">
|
||
<h3 class="fs-2 fw-semibold text-nowrap">Posting Topics and Replies</h3>
|
||
<p class="fs-5 text-secondary">Choose between a “What You See is What You Get” editor or a Markdown editor to compose topics and replies.</p>
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<img src="./images/posting-topics-and-replies.png" class="img-fluid" alt="NodeBB Desktop View">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row d-flex flex-column flex-lg-row align-items-center">
|
||
<div class="col-12 col-md-6">
|
||
<img src="./images/real-time-chat.png" class="img-fluid rounded" alt="NodeBB Open Source Hosting">
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<h3 class="fs-2 fw-semibold text-nowrap">Real-time Chat</h3>
|
||
<p class="fs-5 text-secondary">Chats take private messaging to a whole new level. Native multi-tasking support allows you to have streaming conversations with multiple people side-by-side.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center">
|
||
<div class="col-12 col-md-6">
|
||
<h3 class="fs-2 fw-semibold text-nowrap">Real-time Notifications</h3>
|
||
<p class="fs-5 text-secondary">NodeBB integrates real-time events in the background – your users are notified instantly when someone follows them, likes their post, or subscribes to their topics.</p>
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<img src="./images/notifications.png" class="img-fluid p-5" alt="NodeBB Desktop View">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 4 cards for features-->
|
||
<div class="py-5">
|
||
<div class="row row-cols-1 row-cols-lg-4 g-4">
|
||
<div class="col">
|
||
<div class="card border-0 shadow h-100">
|
||
<div class="card-body d-flex flex-column p-4">
|
||
<div class="d-flex align-items-center gap-2 mb-2">
|
||
<i class="fa-solid fa-users text-secondary"></i>
|
||
<h6 class="card-title fw-semibold mb-0">User-created Groups</h6>
|
||
</div>
|
||
|
||
<div class="flex-grow-1">
|
||
<p class="text-secondary">Keep your users engaged and connected with each other via groups. Each group page has an activity feed and plugins can extend functionality with features such as a calendar and a photo gallery.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card border-0 shadow h-100">
|
||
<div class="card-body d-flex flex-column p-4">
|
||
<div class="d-flex align-items-center gap-2 mb-2">
|
||
<i class="fa-solid fa-tags text-secondary"></i>
|
||
<h6 class="card-title fw-semibold mb-0">Tags</h6>
|
||
</div>
|
||
|
||
<div class="flex-grow-1">
|
||
<p class="text-secondary">Users can tag topics, adding an extra dimension beyond categorization and making it easy to find related content. Tags can be followed to get notified about new topics.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card border-0 shadow h-100">
|
||
<div class="card-body d-flex flex-column p-4">
|
||
<div class="d-flex align-items-center gap-2 mb-2">
|
||
<i class="fa-solid fa-search text-secondary"></i>
|
||
<h6 class="card-title fw-semibold mb-0">Advanced Search</h6>
|
||
</div>
|
||
|
||
<div class="flex-grow-1">
|
||
<p class="text-secondary">Find the content you’re looking for with the help of several search filters designed to fine-tune your search results. Or use a plugin to utilize a different search engine like solr or elasticsearch.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card border-0 shadow h-100">
|
||
<div class="card-body d-flex flex-column p-4">
|
||
<div class="d-flex align-items-center gap-2 mb-2">
|
||
<i class="fa-solid fa-key text-secondary"></i>
|
||
<h6 class="card-title fw-semibold mb-0">Roles & Permissions</h6>
|
||
</div>
|
||
|
||
<div class="flex-grow-1">
|
||
<p class="text-secondary">Grant privileges to individual users or groups, allowing you to create read-only categories or hide them altogether. Give forum members elevated roles such as “Moderator” so they can police your community.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center">
|
||
<div class="col-12 col-md-6">
|
||
<h3 class="fs-2 fw-semibold text-nowrap">Be in Control</h3>
|
||
<p class="fs-5 text-secondary">NodeBB’s administration system makes it easy to control all aspects of your forum. Create an unlimited number of administrator and moderator accounts. Set permissions on each account according to your needs.</p>
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<img src="./images/be-in-control.png" class="img-fluid" alt="NodeBB Desktop View">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row d-flex flex-column flex-lg-row align-items-center">
|
||
<div class="col-12 col-md-6">
|
||
<img src="./images/analytics.png" class="img-fluid rounded" alt="NodeBB Open Source Hosting">
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<h3 class="fs-2 fw-semibold text-nowrap">Real-time Analytics Dashboard</h3>
|
||
<p class="fs-5 text-secondary">Be in control with access to trending content, user activity, and other forum metrics. Create custom reports for any user actions. Then export the data into your favourite analytics software.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center">
|
||
<div class="col-12 col-md-6">
|
||
<h3 class="fs-2 fw-semibold text-nowrap">Drag-and-Drop Widgets</h3>
|
||
<p class="fs-5 text-secondary">Add new functionality to your forum via the widgets system. You can add new content via an HTML widget or customize your forum’s presentation with over a dozen other widgets by dragging and dropping it onto a widget area on your forum.</p>
|
||
</div>
|
||
<div class="col-12 col-md-6 text-center">
|
||
<img src="./images/drag-and-drop.png" style="max-height: 500px;" class="img-fluid p-5" alt="NodeBB Desktop View">
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row d-flex flex-column flex-lg-row align-items-center">
|
||
<div class="col-12 col-md-6">
|
||
<img src="./images/extensions.png" style="max-height: 500px;" class="img-fluid p-5" alt="NodeBB Open Source Hosting">
|
||
</div>
|
||
<div class="col-12 col-md-6">
|
||
<h3 class="fs-2 fw-semibold">Access powerful extensions and plugins</h3>
|
||
<p class="fs-5 text-secondary">Choose from over 500 plugins and themes. Download and install them directly from the control panel in one click.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 4 cards for features-->
|
||
<div class="py-5">
|
||
<div class="row row-cols-1 row-cols-lg-4 g-4">
|
||
<div class="col">
|
||
<div class="card border-0 shadow h-100">
|
||
<div class="card-body d-flex flex-column p-4">
|
||
<div class="d-flex align-items-center gap-2 mb-2">
|
||
<i class="fa-solid fa-bullhorn text-secondary"></i>
|
||
<h6 class="card-title fw-semibold mb-0">Moderation</h6>
|
||
</div>
|
||
|
||
<div class="flex-grow-1">
|
||
<p class="text-secondary">Unparalleled moderation tools give your moderators full control over the content of your forum. Designed for both small and large-scale teams in mind.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card border-0 shadow h-100">
|
||
<div class="card-body d-flex flex-column p-4">
|
||
<div class="d-flex align-items-center gap-2 mb-2">
|
||
<i class="fa-solid fa-code text-secondary"></i>
|
||
<h6 class="card-title fw-semibold mb-0">Customise HTML, CSS & Javascript</h6>
|
||
</div>
|
||
|
||
<div class="flex-grow-1">
|
||
<p class="text-secondary">Tweak your forum’s design to your heart’s content. Don’t worry – if something goes wrong, reverting is a snap. You can even include scripts from third party vendors such as Google Analytics.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card border-0 shadow h-100">
|
||
<div class="card-body d-flex flex-column p-4">
|
||
<div class="d-flex align-items-center gap-2 mb-2">
|
||
<i class="fa-solid fa-plug text-secondary"></i>
|
||
<h6 class="card-title fw-semibold mb-0">API</h6>
|
||
</div>
|
||
|
||
<div class="flex-grow-1">
|
||
<p class="text-secondary">NodeBB has a publically facing Read API as well as a RESTful Write API, making it easy to integrate with your software.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col">
|
||
<div class="card border-0 shadow h-100">
|
||
<div class="card-body d-flex flex-column p-4">
|
||
<div class="d-flex align-items-center gap-2 mb-2">
|
||
<i class="fa-solid fa-trash text-secondary"></i>
|
||
<h6 class="card-title fw-semibold mb-0">Spam Prevention</h6>
|
||
</div>
|
||
|
||
<div class="flex-grow-1">
|
||
<p class="text-secondary">NodeBB integrates with several spam prevention tools including Akismet, StopForumSpam, and Project Honeypot.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="my-5"/>
|
||
|
||
<div class="py-5 row">
|
||
<div class="mx-auto col-12 col-md-8 text-center">
|
||
<h3 class="fs-2 fw-semibold">Valuable Integrations</h3>
|
||
<p class="fs-5 text-secondary fs-5">
|
||
Everyone’s favorite third-party cloud-based services, apps, and products at your fingertips.
|
||
</p>
|
||
<a href="/contact" class="btn btn-warning rounded-pill fs-5">Contact us about Custom Integrations</a>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="my-5"/>
|
||
|
||
<!-- FOOTER -->
|
||
<footer>
|
||
<div class="d-flex flex-column flex-md-row gap-5 justify-content-between mb-5 flex-wrap">
|
||
<div class="d-flex flex-column">
|
||
<h5 class="fw-bold">Get Started</h5>
|
||
<ul class="list-unstyled">
|
||
<li><a href="/product" class="link-secondary text-decoration-none">PRODUCT</a></li>
|
||
<li><a href="/pricing" class="link-secondary text-decoration-none">PRICING</a></li>
|
||
<li><a href="/services" class="link-secondary text-decoration-none">SERVICES</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="d-flex flex-column">
|
||
<h5 class="fw-bold">Resources</h5>
|
||
<ul class="list-unstyled">
|
||
<li><a href="https://community.nodebb.org/" class="link-secondary text-decoration-none" target="_blank">COMMUNITY</a></li>
|
||
<li><a href="https://try.nodebb.org/" class="link-secondary text-decoration-none" target="_blank">DEMO SITE</a></li>
|
||
<li><a href="https://community.nodebb.org/category/28/answers" class="link-secondary text-decoration-none" target="_blank">ANSWERS</a></li>
|
||
<li><a href="https://docs.nodebb.org" class="link-secondary text-decoration-none" target="_blank">DOCUMENTATION</a></li>
|
||
<li><a href="/bounty" class="link-secondary text-decoration-none">BUG BOUNTY</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="d-flex flex-column">
|
||
<h5 class="fw-bold">Company</h5>
|
||
<ul class="list-unstyled">
|
||
<li><a href="/about" class="link-secondary text-decoration-none">ABOUT</a></li>
|
||
<li><a href="/blog" class="link-secondary text-decoration-none">BLOG</a></li>
|
||
<li><a href="/contact" class="link-secondary text-decoration-none">CONTACT</a></li>
|
||
</ul>
|
||
</div>
|
||
<div class="d-flex flex-column">
|
||
<a href="https://manage.nodebb.org/register" class="btn btn-primary"><i class="fa-solid fa-rocket"></i> Start Free Trial</a>
|
||
<div class="d-flex gap-3 mt-3 justify-content-between px-2">
|
||
<a href="https://github.com/nodebb/nodebb" class="link-secondary text-decoration-none"><i class="fab fa-github"></i></a>
|
||
<a href="https://twitter.com/nodebb" class="link-secondary text-decoration-none"><i class="fab fa-twitter"></i></a>
|
||
<a href="https://fosstodon.org/@nodebb" class="link-secondary text-decoration-none"><i class="fa-brands fa-mastodon"></i></a>
|
||
<a href="https://www.facebook.com/NodeBB" class="link-secondary text-decoration-none"><i class="fab fa-facebook"></i></a>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="d-flex flex-wrap justify-content-between gap-5 small">
|
||
<span class="text-secondary text-nowrap">©2025 NodeBB, Inc. — Made in Canada with <i class="fa-solid fa-heart text-danger"></i>.</span>
|
||
<div class="d-flex gap-3">
|
||
<a href="/tos" class="link-secondary text-nowrap text-decoration-none">Terms of Service</a>
|
||
<a href="/privacy" class="link-secondary text-nowrap text-decoration-none">Privacy Policy</a>
|
||
<a href="/gdpr" class="link-secondary text-nowrap text-decoration-none">GDPR</a>
|
||
<a href="/dmca" class="link-secondary text-nowrap text-decoration-none">DMCA</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
|
||
<!-- Bootstrap 5 JS Bundle (includes Popper) -->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
|
||
</body>
|
||
</html>
|
