1. Item Name : Uminex - Electronic eCommerce NextJS 15 Template
  2. Created: 25 Feb 2022
  3. Item Version : v 1.0.0
  4. Author : wikitemplate
  5. Support Ticket: support@ibigecommerce.com

Introduction

Uminex - Electronic eCommerce NextJS 15 Template Documentation

For any support please don't hesitate to contact us at Support Center. We provide 24 hours real-time support for our customers.

We would like to thank you for choosing Uminex.

Getting started

Uminex – Multipurpose eCommerce NextJS 15 Template is a clean and modern NextJS 15 , Tailwind eCommerce Template. An eCommerce NextJS 15 template is a powerful tool for creating a professional and visually appealing online store. With a well-designed template, you can quickly and easily build an eCommerce website that not only looks great but also functions seamlessly. These templates provide the basic structure and layout for your online store, including pages for product listings, shopping carts, checkout processes, and more. Whether you’re just starting out with your eCommerce business or looking to revamp your existing website, an eCommerce NextJS 15 template can be a valuable resource for creating a high-quality online store that meets your unique needs.

Requirements

There are system requirements in order to install and setup Uminex template and its components properly. Make sure that you are installed Node (18.2.0 or later) and Yarn.

For nodejs go here Nodjs

For yarn go here Yarn

Install Yarn

Template Features

  • React 9
  • Next 15
  • Tailwind 4
  • Typescript
  • Hook
  • Free Premium Quality Support
  • Logo Slider Integration
  • 8+ Home Pages
  • 28+ Inner Pages
  • Sticky Header
  • Google Fonts
  • 100% Responsive
  • Nice and Clean Design
  • Clean code
  • Blog Pages
  • Image background
  • Easy to customize
  • Flexible and multi-purpose
  • Valid / CSS3
  • 24/7 Awesome support
  • Detailed documentation
  • Customizable all components of each page
  • Integrated with FontAwesome

What's Included

After purchasing Uminex template on themeforest.net with your Envato account, go to your Download page. You can choose to download Uminex template package which contains the following files:

NextJS 15 - Uminex

The contents of the template package downloaded from ThemeForest

  • Uminex - An NextJS Template file. this file you can edit and use for your business.
  • Documentation - This folder contains what you are reading now :)

Uminex Installation

Please follow the instructions how you can install Next on your hosting:

  1. For local host -
    1. Open you command prompt
    2. npm install or npm install --legacy-peer-deps
    3. npm run dev (will start the dev server at http://loaclhost:3000)


  1. To deploy a Next.js application on Vercel, you can follow these steps:
    1. Open you command prompt
    2. Sign up for an account on Vercel if you don't have one already.
    3. Connect your GitHub, GitLab, or Bitbucket repository where your Next.js application is hosted.
    4. Import your repository on Vercel and select the Next.js project to be deployed.
    5. Vercel will automatically detect your Next Next application and perform the necessary build and deployment steps.
    6. Once the deployment is complete, you'll be able to access your application using the URL provided by Vercel.

Basic Site Settings

Change Page Title and Favicon

To change your Site title and Favicon open the Uminex in your editor and go to the location by following screenshot which are given bellow.

3.1.1
You can change page title here
3.1.1
You can change favicon here

Customize Menu

To customize menu do the following:

  1. From the project folder go to src data navigation-settings.ts Open the menu you want to use
  2. Then customize the menu
3.1.1
Customize the menu

Customize Header

We gave you four header layout. you can modify the header markup there.

  1. From the project folder go to src layouts header Open the menu you want to use
  2. Then customize the header
3.1.1
Customize the header

Customize Blog data

To customize blog data do the following:

  1. From the project folder go to public api blog.json, blogDetails.json Open the menu you want to use
  2. Then customize the blog data
3.1.1
Customize the blog

Customize Product and Category data

To customize Product and Category data do the following:

  1. From the project folder go to public api products_popular.json, products_bestseller.json, products_electronic.json .vv.. Open the menu you want to use
3.1.1
Customize the blog

Error Handling

To change 404 and other error you can change by following this screenshot here.

  1. From the project folder go to app not-found.tsx Open the menu you want to use
  2. Then customize the error page
3.1.1
Customize the error page

Colors & Typography

To change color and setting you can change by following this screenshot here.

  1. From the project folder go to styles variables.css Open the menu you want to use
  2. Then customize the primary color
3.1.1
Customize the color

Layout Header & Footer

To change Layout Header and Footer do the following.

  1. From the project folder go to layouts default,home,home2 ... layout.tsx Open the menu you want to use
3.1.1
Layout Header & Footer

Google fonts

To change Google fonts do the following.

  1. From the project folder go to app layout.tsx Open the menu you want to use
3.1.1
Google fonts

Support

If you face any issue please contact us at Support Ticket. We provide 24 hours real-time support for our customers.

Thank you for purchasing our template.