Skip to main content
Back to Blog
2026. 05. 25.
9 min read
1803 words
Article

How Was premiumhasznaltruha.hu Built? – Digital Transformation in B2B Clothing Wholesale

How did AiSolve digitalize a premium B2B clothing wholesale platform? A detailed technical case study: Next.js 16, React 19 Server Actions, PostgreSQL, Prisma, TOTP 2FA, and a custom Video Hub.

AiSolve Team

AI Solutions Expert

How Was premiumhasznaltruha.hu Built? – Digital Transformation in B2B Clothing Wholesale
TL;DR: How does one digitalize a premium B2B second-hand clothing wholesale business while ensuring a magnificent visual archive experience, uncompromising security, and blazing-fast performance? This case study covers the complete technical architecture of the Premium Használtruha B2B Wholesale (premiumhasznaltruha.hu) platform, the 'The Textile Archive' design system, Clean Architecture and DDD principles, an integrated native Video Hub, and robust TOTP 2FA admin protection built with Next.js 16 and React 19.

Where We Started – The Next Level of B2B Digitalization

Importers and wholesalers of premium-quality second-hand clothing traditionally rely on personal relationships and physical showrooms. However, this classic operating model comes with serious logistical and time limitations. International and domestic resellers, boutique owners, and online retailers now expect to browse and inspect wholesale stock anytime, anywhere, in high fidelity — without having to travel for hours or even days to physical warehouses. In the offline workflow, reviewing bulk stocks is highly time-consuming, and paper-based or spreadsheet records slow down order fulfillment, raising shipping error rates.

When the Premium Használtruha team approached AiSolve, our goals were clear: to design and build an exclusive B2B catalog and e-commerce platform that serves as a digital reflection of premium physical quality. The core challenge was engineering a highly scalable, secure, and fast system supporting rich media assets, using a custom-built native video module to present bulk bales and brand-name selections, while protecting the administration backend with multi-factor authentication against web scrapers and competitors aiming to steal wholesale price databases.

During the offline-to-online transition, we paid special attention to maintaining partner trust. In second-hand clothing wholesale, buyers are accustomed to manually checking textile textures, weight density, and brand authenticity. The digital platform had to replace this tactile experience with high-fidelity visual tools while automating transactional and administrative procedures quietly in the background.

2026Year of Build
77+Product Types
2FATOTP Security
0pxBorder Radius

The Design System – 'The Textile Archive'

The project's design philosophy moves away from the typical crowded, colorful layouts of standard webshops. Instead, we established a clean, gallery-inspired visual concept named 'The Textile Archive'. The core intent was to put the textile and garments at the center of attention, providing an elegant, minimal frame for the rich media content. The extensive use of clean space emphasizes product uniqueness, conveying that each wholesale bale is a carefully graded, high-value asset.

Colors and typography follow strict design tokens:

  • White Background (#FFFFFF) – Large, clean, breathable spaces showcasing the items in premium fashion. No visual clutter allows partners to evaluate textile garments with clarity.
  • Carbon Black (#111111) – The brand's primary structural color. Utilized for headings, navigation header, mobile menu background, and primary text, offering an elegant authority.
  • Heritage Gold (#8A6E35) – Reflects premium quality and action. Implemented for buttons, active state highlights, elegant shadows, and icons.
  • Noto Serif Headings – Sophisticated, classic serif typography for titles, projecting an archival feel, juxtaposed with the highly readable Manrope sans-serif body font.
  • Square Geometry (0px Border Radius) – All interactive components, buttons, and cards feature sharp edges, projecting a modern, structural discipline.

Delicate micro-interactions run in the background. Powered by Framer Motion, page transitions and hover motions on primary gold buttons respond organically to user actions. The glassmorphism navigation header blurs content smoothly as the page scrolls, preserving a highly premium modern aesthetic.

"Design is not just ornament. With 'The Textile Archive' concept, we successfully elevated the aesthetic of second-hand wholesale, instilling immediate trust in discerning B2B partners."

Technology Foundation – Next.js 16 and React 19

For a B2B catalog, performance and indexability are critical. If a reseller cannot find the bale selections via Google, or if the product details pages load slowly on mobile, business is lost. This is why we adopted the bleeding-edge Next.js 16 and React 19 frameworks. The App Router enables static generation (SSG) for static pages, while real-time inventory updates are handled by Server-Side Rendering (SSR) in the background.

React Server Components (RSC) significantly reduce JavaScript execution on the client. Page assemblies happen entirely on the server, sending minimal HTML downstream. This represents a huge advantage for B2B buyers checking items in transit or low-reception environments.

Core Framework

Next.js 16

App Router, RSC, SSR/SSG

UI Library

React 19

Server Actions, Suspense

Styling

Tailwind CSS 4

Next-gen CSS-first workflow

Animations

Framer Motion

Smooth premium micro-interactions

A major benefit of React 19 is native support for Server Actions. They allow us to execute backend routines directly from frontend components via secure, type-safe RPC (Remote Procedure Call) operations, removing network API boilerplate, separate endpoint maintenance, and additional request/response serialization checks. TypeScript safeguards inputs, indicating anomalies immediately at compiling, which accelerates B2B features rollout and stabilizes catalog transactions.

Backend Architecture and Clean Architecture

We engineered the backend following Clean Architecture and Domain-Driven Design (DDD) principles. The core business rules (domain layer) are fully isolated from database layers and external APIs, making components easy to test, swap, or extend. If PostgreSQL needs to be migrated to another DB structure later, our core domain logic remains untouched; only infrastructure adapters need swapping.

The database persistence is managed by Prisma 6.2.1 ORM communicating with a highly performant PostgreSQL instance. Prisma's auto-generated types and safe migration tools protect the codebase from structural drift. We defined composite indexes on key search parameters (categories, grades, active status), keeping query responses under a few milliseconds even at peak traffic.

🏗️ Clean Layers in Action:
  • Repositories: Encapsulate database write and read mechanisms (Prisma abstractions completely separated from domain logic).
  • Services: House pure business logic (hierarchical category trees, role inspections, video preprocessing, tax and B2B calculations).
  • Server Actions: Act as entry gates for client interactions, parsing parameters via Zod securely before passing them to the service layer.

Custom Platform vs. Template Solutions

Many businesses rely on simple template installations (like WooCommerce or Shopify) to handle B2B wholesale. While excellent for simple B2C shops, these generic solutions struggle to scale with unique B2B catalog structures and granular wholesale requirements. The table below illustrates the difference between our custom B2B platform and typical pre-made template installations:

AspectCustom B2B Platform (AiSolve)Template Installations (e.g., WooCommerce)
Security & 2FAMilitary-grade TOTP 2FA + Native RBACVulnerable external plugins (slows down loading)
Load PerformanceUltra-fast (RSC & SSG, ~100ms load time)High database latency (heavy asset loads, 1-3s wait)
Media StreamingNative Video Hub with ad-free local streamingThird-party embeds with YouTube/Vimeo tracking
Database IntegrityPostgreSQL + Prisma with strict CJS type safetyMySQL EAV tables (complex filtering drops speed)
MaintainabilityClean Architecture, DDD, no bloated dependenciesPlugin conflicts, dependency breakages

The Video Hub – High-Fidelity Previews

In second-hand wholesale, B2B buyers often purchase bulk stocks blindly, representing a significant capital risk. We expanded on the original Video Check system by introducing a custom-built, dedicated Video Hub module on premiumhasznaltruha.hu. This serves as the primary engine for establishing buyer confidence online.

To avoid relying on external services like YouTube or TikTok — which inject distracting ads, off-brand recommendations, and tracking cookies — the Video Hub is built around local file streaming and optimized playback. Video assets are served directly from the server or CDN in an elegant, custom media player with sharp Heritage Gold trims that match the Textile Archive aesthetic. Videos are preprocessed into multiple resolution outputs dynamically in the background, allowing instant streaming on mobile devices without any buffering delays.

Resellers can watch high-fidelity video playbacks showing the exact contents of bales and sorted garments, with warehouse staff picking up items one by one on camera, illustrating tags and pristine fabrics. This transparency builds trust, lowers dispute rates, and provides a B2B sales advantage that traditional wholesalers cannot match.

Enterprise Security – RBAC and Two-Factor Authentication

For B2B operations, securing wholesale price lists, inventory availability, and customer records is vital. Unauthorized access could compromise business operations or leak pricing strategies, which is why the system is secured with comprehensive security measures.

Maturity of the session layer is handled by Next-Auth v5 (Auth.js), introducing robust Role-Based Access Control (RBAC) divided into three levels:

  • User – Verified B2B buyers who gain full authorization to browse the price list, stocks, and Video Hub after manual staff validation. Guest visitors only view a restricted landing page without prices.
  • Admin – Wholesale personnel with access to CRUD products, categories, video catalog, and orders, as well as onboarding registrations.
  • Super Admin – Full capability over system parameters, security audit logs, developer seeds, and staff authorization overrides.

Admin controls are shielded by Two-Factor Authentication (2FA). We implemented the time-based one-time password (TOTP - RFC 6238) protocol. Staff scan a custom-generated QR code during onboarding using standard authenticator apps, and must supply the changing 6-digit passcode alongside credentials, protecting the catalog from brute-force attacks. Passwords are securely hashed using bcryptjs.

DevOps and Catalog Import Automation

Migrating large catalogs manually is a laborious process. We wanted to make sure that deploying the catalog to the production environment is fully automated. We built an import system into the DevOps pipeline to handle this, ensuring fast and robust deployments in any workspace.

At the center of this pipeline is the automated data migration module script. It reads a structured JSON dump (structured catalog database source) containing product properties, mapping categories to CUID keys in PostgreSQL by slug, and commits all data in a single transactional operation. This guarantees that if any error happens, the transaction rolls back, leaving no half-written or corrupted records in the tables.

Media resources are processed and transferred by a deployment script into secure media storage, prioritizing optimized WebP and AVIF image files, making it possible to rebuild the catalog database and assets in seconds during testing or deployment phases.

Import Statistics (77 Products)

77 Imported Items
79 Optimized Images
60 Active Catalog
17 Draft Mode

Summary and Outlook

The premiumhasznaltruha.hu project shows how to combine state-of-the-art software engineering and high-end visual design to elevate B2B clothing wholesale. The result is a fast, robust, and highly secure platform that reflects premium physical products and sets a new technological standard in the second-hand clothing import industry. Digitalization has not lessened personal values; rather, it has freed personnel from administrative manual work, giving them more hours to dedicate to selective sourcing and client care.

Next.js 16 and React 19 ensure a modern and performant core. Clean Architecture and DDD principles guarantee easy scalability, while automated deployment scripts and TOTP 2FA security bring peace of mind to administrators. The built-in Video Hub successfully bridges the trust gap between international partners, opening up international market opportunities.

"AiSolve built more than just a website for us; they built a digital showroom and administrative command center that supports our international expansion."

Planning a B2B Digital Transformation?

Let the AiSolve team build your next-level digital platform with advanced tech stack and custom visual design.

Készen állsz a saját weboldaladra?

Ingyenes konzultáció során átbeszéljük, hogyan segíthetünk vállalkozásodnak növekedni egy modern, gyors és konverzióoptimalizált weboldallal. 14 nap alatt kész, 0 Ft induló költséggel.

AiSolve Team

AI Solutions Expert

Our expert helps in the practical application of AI technologies and the automation of business processes.

Frequently Asked Questions

What is the 'The Textile Archive' concept?

'The Textile Archive' is the design system of premiumhasznaltruha.hu. It features a clean white background, Carbon Black headings in Noto Serif, elegant Heritage Gold interactive elements, and sharp 0px border radius, mirroring high-end premium fashion galleries.

Why did you choose Next.js 16 and React 19 for this B2B catalog?

Next.js 16 and React 19 offer modern performance and rendering optimization. By combining SSR and RSC, product page assets load quickly and are highly indexable by search engines, while React Server Actions reduce runtime network boilerplate.

How does TOTP 2FA protect the administration backend?

2FA based on the TOTP (Time-Based One-Time Password) protocol requires staff members to enter a unique 6-digit passcode from their authenticator app which refreshes every 30 seconds, on top of standard credentials, blocking unauthorized access.

How does the local Video Hub differ from YouTube embeds?

The Video Hub streams files locally, preserving brand consistency by preventing off-site YouTube recommendations, ads, or tracking behaviors that could disrupt premium B2B purchasing, with a custom media player designed for the Textile Archive layout.

Related Articles