Getting started

Installation

The Cartzilla template you are currently viewing is a React/Next.js template built with Bootstrap 5, and it is NOT a WordPress theme.

Please do not attempt to install the Cartzilla files on WordPress, as this will not work.

Prerequisites

JavaScript / TypeScript (required): Familiarity with modern JavaScript and TypeScript is essential for working with this React/Next.js template.
React / Next.js (required): This template is built using React and Next.js 15 (app directory). A solid understanding of React components, hooks, and routing in Next.js is necessary.
Bootstrap 5 + React-Bootstrap (required): The UI is built using Bootstrap 5 components via the React-Bootstrap library. Understanding how Bootstrap classes and React-Bootstrap components work together is important for customization.
Sass / Scss (highly recommended): Using SCSS variables and mixins makes it much easier to customize the styling of the template compared to editing plain CSS. This allows for cleaner and more maintainable style changes.
Npm (highly recommended): npm is used to manage project dependencies and run scripts for development, building, and linting. It is required to install React, Next.js, Bootstrap, and other packages.

Note: All necessary configuration files, such as package.json, are provided in the download package. For detailed information on each configuration file and its purpose, refer to the Configuration files section of our documentation.

Text editor or CLI

You can use any text editor and command line tool available to you, such as Command Prompt for Windows or Terminal for macOS. Our personal preference is Visual Studio Code. It is a free editor that includes a built-in terminal (console), an integrated Git client, debugging capabilities, a vast library of extensions, and it is available for macOS, Windows, and Linux.

We highly recommend installing the VS Code Prettier plugin and setting it as your default formatter for JavaScript. Enable the "format code on save" option to automatically beautify your code each time you save a file, enhancing readability and consistency.

Installing Node.js, npm and dependencies

To set up the Cartzilla development environment, you will need to install Node.js and its package manager, npm. Node.js is completely free and can be downloaded from its official website for macOS, Windows, and Linux systems. You can download Node.js and npm from this link.

For more information about the Node Package Manager and the packages available, please visit npm's official website.

Installing necessary packages for Cartzilla development

Once Node.js and npm are installed, you're ready to install all the dependencies required for developing with Cartzilla.

Open your command line tool and type the following command:

npm install

This command initiates the installation of all dependencies listed in the Cartzilla/package.json file. Please wait until the installation process is complete before proceeding to the next section, Npm commands (scripts).