# A fun way to setup up tradational nginx with Nginx UI

**URL:** <https://forum.hhf.technology/t/a-fun-way-to-setup-up-tradational-nginx-with-nginx-ui/249>\
**Category:** NGINX\
**Tags:** nginx\
**Created:** [October 18, 2024, 11:14am UTC](https://forum.hhf.technology/t/a-fun-way-to-setup-up-tradational-nginx-with-nginx-ui/249 "2024-10-18T11:14:19Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![hhf.technoloy](https://forum.hhf.technology/user_avatar/forum.hhf.technology/hhf.technoloy/32/68_2.png) [@hhf.technoloy](https://forum.hhf.technology/u/hhf.technoloy)\
**Post date:** [October 18, 2024, 11:14am UTC](https://forum.hhf.technology/t/a-fun-way-to-setup-up-tradational-nginx-with-nginx-ui/249/1 "2024-10-18T11:14:19Z")

</div>

Nginx UI is a web-based interface designed to streamline the management of Nginx servers. It offers a variety of features that enhance usability and efficiency for server administrators.

 ![image](https://forum-cdn.hhf.technology/original/1X/809de073c966f1e62d0cdff304dde85ef216de0b.jpeg)

## Key Features

- **Real-Time Server Statistics** : Users can monitor CPU usage, memory consumption, load averages, and disk usage directly from the interface.
- **AI-Powered Assistance** : Integrated ChatGPT assistance helps users troubleshoot and configure their servers.
- **One-Click Deployment** : Simplifies the process of setting up new sites with minimal effort.
- **Automatic Let’s Encrypt Certificate Renewal** : Ensures that SSL certificates are always up to date without manual intervention.
- **User-Friendly Configuration Editing** : Includes tools like the NgxConfigEditor for easy editing of Nginx configurations, supporting syntax highlighting.
- **Log Access** : Provides online access to Nginx logs for quick troubleshooting.
- **Configuration Testing and Reloading** : Automatically tests configuration files and reloads Nginx upon saving changes.
- **Web Terminal** : Offers command-line access directly through the UI.
- **Responsive Design** : The interface adapts well to different screen sizes, making it usable on various devices.

## Installation Options

Nginx UI can be installed in several ways:

1. **Installation Script** : Recommended for Linux users, allowing direct control over the host machine’s Nginx configuration.
2. **Docker** : Users can deploy Nginx UI in a Docker container, which includes a pre-configured Nginx environment. The default port for accessing Nginx UI in this setup is 8080.
3. **Manual Execution** : Users can run the executable directly, although this is not recommended for production environments.

### Example Docker Command

To run Nginx UI using Docker, you can use the following command:

```bash
docker run -dit \
--name=nginx-ui \
--restart=always \
-e TZ=Asia/Singapore\
-v /mnt/user/appdata/nginx:/etc/nginx \
-v /mnt/user/appdata/nginx-ui:/etc/nginx-ui \
-v /var/www:/var/www \
-p 8080:80 -p 8443:443 \
uozi/nginx-ui:latest

```

This command sets up the container to map ports appropriately and mount necessary directories for persistent storage.

## Development and Community

Nginx UI is developed using Go and Vue.js, ensuring a robust and modern architecture. The project welcomes contributions and translations into various languages, fostering an inclusive community around its use.

For those interested in trying out Nginx UI, a demo is available with default login credentials (username: admin, password: admin) to explore its features without installation.

[Login | Nginx UI](https://demo.nginxui.com/#/login)

Ref:  
[1] [What is Nginx UI? | Nginx UI](https://nginxui.com/guide/about)  
[2] [Getting Started | Nginx UI](https://nginxui.com/guide/getting-started)