> ## Documentation Index
> Fetch the complete documentation index at: https://docs.minestorecms.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Overview

> Learn more about MineStoreCMS Frontend Application.

<img className="block dark:hidden" src="https://mintcdn.com/minestorecms/VtrvDTg9Ae1Jio21/images/logo-colored.png?fit=max&auto=format&n=VtrvDTg9Ae1Jio21&q=85&s=9a513eccdc32f2a282cc5bed4f9294bf" alt="Hero Light" width="300" height="72" data-path="images/logo-colored.png" />

<img className="hidden dark:block" src="https://mintcdn.com/minestorecms/VtrvDTg9Ae1Jio21/images/logo-white.png?fit=max&auto=format&n=VtrvDTg9Ae1Jio21&q=85&s=a52b71408723381b432ce7316874f3bc" alt="Hero Dark" width="300" height="72" data-path="images/logo-white.png" />

## **MineStoreCMS Frontend**

**Technical Overview:**

1. **Language**: JavaScript (TypeScript)
2. **Framework**: Next.js 14.x^ (Latest for v14)
3. **Database**: None (Uses RESTful API)
4. **Operating System Services**: `minestore_frontend` (Frontend & Updater Service).
5. **Location**: `/var/www/minestore/frontend`.
6. **Environment File**: `.env` (Contains webstore URL (REST API) for `NEXT_PUBLIC_API_URL`).

## How to Restart Frontend Service?

There are two ways to restart the frontend service: [Using the Admin Panel](/features/themes/editing-theme) or Manually by running the following command:

```bash theme={null}
sudo systemctl restart minestore_frontend
```

## How to Debug Frontend Application?

You can debug the frontend application by viewing the logs in [Admin Panel](/features/themes/editing-theme#frontend-application-logs). You can also view the logs by running the following command in the terminal:

```bash theme={null}
sudo systemctl status minestore_frontend
```

## How to Edit Frontend Theme?

You can edit the frontend theme by using the [File Manager](/features/themes/file-manager) in the Admin Panel. You can edit the HTML, CSS, JavaScript and TypeScript files of your theme.

You can also [recolor your default theme to match your webstore branding and style in seconds](/features/themes/recolor-theme). You just need to select the **primary color**, and other colors will be automatically generated based on the primary color.

If you need to fully rework template and want to keep `NextJs` Framework, you can get [Sandbox Template](https://github.com/MineStoreCMS/minestore-next-official) of the frontend application and run it **locally**.
