Magento 2 Multivendor NextJS Theme – User Documentation

Magento 2 Multivendor NextJS Theme is a cutting-edge e-commerce solution that leverages the power of headless architecture to deliver superior performance, security, and flexibility.

Custom themes are built using React NextJS on the frontend and seamlessly integrate with Magento 2 through the GraphQL API.

It provides a robust and feature-rich platform for online businesses looking to host multiple vendors.

• Improve website performance.
• Improve your WebCore vitals.
• Adobe Commerce version updates require less maintenance.
• GraphQL is used in headless architectures.
• Improves your website’s SEO.
• Microservices architecture allows for smooth deployment of different services independently.
• Easily integrate third parties via API.

Note: To use Magento 2 Headless Marketplace theme also in Magento 2 Multivendor Marketplace, you need the following extensions –

Magento 2 Multivendor Marketplace

Magento 2 Multivendor Marketplace API

To create our own Magento 2 Marketplace ReactJS theme, we employed GraphQL storefront API development to establish a seamless connection between the Magento 2 backend and frontend.

Apart from that, we utilized the following frameworks to create this multi-vendor headless theme.

• Next.JS
• typescript
• Tailwind CSS

The Magento 2 multi-vendor NextJS theme looks like the one shown in the snapshot below.

Views of customer-facing pages on your website.

home page

A well-organized homepage with a navigation menu, categorized pages, featured products, special offers section, and a banner with a CTA button.

Organize and display a collection of products and services for users to browse and purchase. catalog.

Add featured products to your homepage to make it richer and more visually appealing to your visitors.

Category page

Displaying a collection of products that belong to a specific category makes it easier for visitors to find products that interest them.

Catalog publication

Users can easily categorize products using the various filter options on the top right.

Users can sort products using the options shown in the screenshot below.

Landing/product page

Create an attractive landing page by explaining the benefits and features of your product.

Visitors can also find related products and reviews pages, as shown in the snapshot below.

Page performance

A good user experience is measured by various metrics such as page load time, session duration, bounce rate, conversion rate, and overall usability.

Vugish themes increase user satisfaction, increase engagement, improve search engine rankings, and ultimately achieve your business goals.

Search options:

The search option on the right side of the menu allows visitors to quickly and easily find products.

cart page

The shopping cart icon or symbol in the top right corner of your website layout indicates that your customers can view their cart at any time.

Also, there is a noticeable “check outbutton to begin the process of completing your purchase.

checkout page

Here users will find a smooth and efficient checkout page that includes shipping address, shipping method, billing address, payment, and order reviews.

Login/Signup page

If you already have an account with Magento 2 Multivendor Headless Theme, please log in to your account by entering the details below.

To register with Vugish, sign up Select the options as shown in the screenshot below.

Create a new customer account by entering the provided details.

Customize the marketplace content features according to your requirements.

Click the button to become a seller/seller open a shop.

please choose yes Optionally, register as a seller/seller and enter the following information:

customer profile page

Once logged into the Website, Customers can find their profile page and can also edit and manage their customer profile page.

Admin can navigate Store > Voguish Configuration Enter the explore product, title and description of recently viewed products, and social platform URLs.

Manage and edit the configuration of your benefits section. Please refer to the image below for a better understanding.

Administrators can manage Voguesh theme settings. Vogueish section.

Banner management

Add and edit the banner as shown in the screenshot below.

Brand banner composition

Add a description for your brand banner.

Shop banner settings

Add a title and description for your shop banner.

Choose a banner to display on your home page Configure Shop Banner > Assign a Shop Banner.

Featured product composition

Next, enter a title and description for your featured product configuration.

Please click Assign featured products Select the products you want to display as featured products on your home page.

Corner offer configuration

Enter a title and description. The corner offers configurations.

homepage configurator

Administrators can edit the home page according to their requirements. Select the sections you want to display on your website’s home page.

The storefront view of the home page looks like the one shown in the screenshot below.

Managing footer links

Administrators can add and manage footer links.

That’s all about Magento 2 Multivendor NextJS Theme. If you would like more information, please create a ticket here.