Top

Search

Let's begin

Thank you for buying the Cuba admin template

Main dependancies
  • NodeJs v16.17.1
  • Express v4.16.1
  • Express v2.6.1
  • express-ejs-layouts v2.5.1
  • Bootstrap v5
  • Jquery v3.5.1

Cuba Admin is a responsive Node template that is based on the CSS framework Bootstrap 5 and it is built with Express,EJS Template Engine. EJS template engine increases code efficiency as it is possible to reuse same html code. It will be easier to create multiple layouts and extend them in different pages, solving the problem of code repitition.


Before you start working with the template, we suggest you go through the pages that are bundled with the theme. Most of the template example pages contain quick tips on how to create or use a component which can be really helpful when you need to create something on the fly.

In this Documentation

We Recommend you go through this documentation before you start working on your project. We believe that this documentation will solve majority of your issues. And if you still have question for which you cannot find the answer to in this documentation then feel free to raise a ticket at this link: Pixelstrap Support.

Below is the list of things that you will find inside this documentation.

Folder Structure:

Before starting any project, it is very important to set a folder structure. It helps us organize our code neatly and makes it easier for the future developers to modify anything in the theme.

Installation Guide:

To make sure that you can setup your project smoothly, we have provided an Installation guide for you to follow. This Installation guide contains everything from installing node till running your project.

Do not miss any steps while creating a new project or else you might have to start over again.

Make sure that you go through the explanation of folder structure used in our theme, it will become easier for you to make any modifications. If you want , you could follow our folder structure in your project , that way if you encounter any difficulties in your project , you can refer our theme.

Our Layouts:

With multiple customization options , we can create many different page layouts. Its upto your imagination , how you use the options and implement them in your website. But to give you a starting point , we have used all the available customization options and made a few different layouts. You can use them to get some inspiration for you own website or use them as they are.

HTML Structure:

Node provides EJS web template engine, which helps us to create html pages easily.

we use sidebar , header and footer in all the pages, so what we can do is create a base page that contains footer, header and sidebar, then by extending that views/layout.ejs page we create other pages.

This process reduces code repetition and makes the development process way faster and easier.

Create New Page:

In this document we have also provided a mini guide on how to create a new page in node. We recommend you go through it before making a new page.

Customization:

There are many customization options available in the cuba theme, and a detailed guide has been provided on how these customizations has been applied and what files you need to import for changes to apply.

Components:

There are many things that a admin requires, whether it is analyzing the data, or organizing and the employees, or it can be managing products. To do all these it would be better if the admin that a good experience performing these tasks. To make it so we have used numerous components like charts to display data in more viewable manner.

Appart fromm charts there are maps , cards, forms , tables and many more that you can use to provide a better experience to your users. We have provided guide on how to use each of these components, have a look at it and use them as you like.