Add project setup to run with Docker

README.md

@@ -6,7 +6,7 @@
 
 <h3>👋 Welcome to StableStudio, the open-source version of <a href="https://dreamstudio.ai" target="_blank">DreamStudio</a>!</h3>
 
-**🗺 Contents – [🚀 Quick Start](#quick-start) · [ℹ️ About](#about) · [🙋 FAQ](#faq) · [🧑‍💻 Contributing](#contributing)**
+**🗺 Contents – [🚀 Quick Start](#quick-start) · [🐳 Docker Start](#docker-start) · [ℹ️ About](#about) · [🙋 FAQ](#faq) · [🧑‍💻 Contributing](#contributing)**
 
 **📚 Documentation – [🎨 UI](./packages/stablestudio-ui/README.md) · [🔌 Plugins](./packages/stablestudio-plugin/README.md) · <a href="https://platform.stability.ai" target="_blank">⚡️ platform.stability.ai</a>**
 
@@ -43,6 +43,19 @@ StableStudio will be running at [localhost:3000](http://localhost:3000) by defau
 
 > If you are using the default Stability API plugin, You'll need to have your [API key](https://platform.stability.ai/docs/getting-started/authentication) handy. Otherwise, you should be good to go!
 
+# <a id="docker-start" href="#docker-start"> 🐳 Docker Start</a>
+
+The easiest way to launch StableStudio locally is by using docker.
+A convenient setup script is provided to help you get started.
+
+```bash
+./setup.sh --docker
+```
+
+_**That's it! 🎉**_
+
+StableStudio will be running at [localhost:3000](http://localhost:3000) by default.
+
 # <a id="about" href="#about">About</a>
 
 <div style="display: flex; justify-content: center; align-items: center; gap: 1em; margin: 0 0 2em 0;">

packages/stablestudio-ui/Dockerfile

@@ -0,0 +1,13 @@
+# Use the official nginx image as the base image
+FROM nginx:1.18.0
+
+# Set the working directory
+WORKDIR /stablestudio-ui
+
+# Copy the stablestudio-ui application code
+COPY ./dist ./
+
+COPY ./nginx-default.conf /etc/nginx/conf.d/default.conf
+
+# Expose the port the app will run on
+EXPOSE 80

packages/stablestudio-ui/nginx-default.conf

@@ -0,0 +1,17 @@
+server{
+        listen 80;
+        server_name  localhost;
+        root /stablestudio-ui;
+        index index.html;
+        charset                 utf-8;
+        # By default, Nginx has a limit of 1MB on file uploads. To set file upload size
+        client_max_body_size  100M;
+
+        location / {
+                if ($request_filename ~* ^.*?.(html|htm)$){
+                        expires -1s;
+                        add_header Cache-Control no-cache,no-store,must-revalidate;
+                }
+                try_files $uri $uri/ /index.html;
+        }
+}

setup.sh

@@ -0,0 +1,13 @@
+#!/bin/bash
+cd "$(dirname "$0")" || exit
+
+if [ "$1" = "--docker" ]; then
+  APP_NAME="stablestudio-ui"
+  yarn install
+  yarn build
+  docker image build -t $APP_NAME -f ./packages/$APP_NAME/Dockerfile ./packages/$APP_NAME/
+  docker run -d --name $APP_NAME -p 3000:80 $APP_NAME
+else
+  yarn install
+  yarn dev
+fi