diff --git a/pinhouse_docker/docker-compose.yml b/pinhouse_docker/docker-compose.yml
new file mode 100644
index 0000000..2f381db
--- /dev/null
+++ b/pinhouse_docker/docker-compose.yml
@@ -0,0 +1,40 @@
+services:
+
+ spring:
+ image: pinhouse/server:latest
+ container_name: pinhouse-app
+ ports:
+ - "8080:8080"
+ depends_on:
+ - mysql
+ - redis
+ networks:
+ - backend-bridge
+
+ mysql:
+ image: mysql:8.0
+ container_name: pinhouse-mysql
+ volumes:
+ - ./mysql/conf.d/my.cnf:/etc/mysql/conf.d/my.cnf
+ - ./mysql/data:/var/lib/mysql
+ ports:
+ - '3306:3306'
+ environment:
+ - MYSQL_DATABASE=${MYSQL_DATABASE}
+ - MYSQL_USER=${MYSQL_USER}
+ - MYSQL_PASSWORD=${MYSQL_PASSWORD}
+ - MYSQL_ROOT_PASSWORD=${MYSQL_ROOT_PASSWORD}
+ networks:
+ - backend-bridge
+
+ redis:
+ image: redis:7.2.5
+ container_name: pinhouse-redis
+ ports:
+ - '6379:6379'
+ networks:
+ - backend-bridge
+
+networks:
+ backend-bridge:
+ driver: bridge
diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html
new file mode 100644
index 0000000..8befe16
--- /dev/null
+++ b/src/main/resources/static/index.html
@@ -0,0 +1,18 @@
+
+
+
+
+
+ 핀하우스 백엔드 서버
+
+
+
+
+
+
핀하우스 백엔드 서버에 오신 것을 환영합니다.
+
이곳은 핀하우스 프로젝트의 개발 서버입니다.
+
+
+
+
+
diff --git a/src/main/resources/static/style.css b/src/main/resources/static/style.css
new file mode 100644
index 0000000..c142bf7
--- /dev/null
+++ b/src/main/resources/static/style.css
@@ -0,0 +1,62 @@
+body {
+ background: linear-gradient(135deg, #f3f7ff 0%, #dceeff 100%);
+ font-family: 'Pretendard', 'Noto Sans KR', sans-serif;
+ margin: 0;
+ padding: 0;
+ min-height: 100vh;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.container {
+ background: #ffffffee;
+ padding: 64px 56px;
+ text-align: center;
+ border-radius: 24px;
+ max-width: 520px;
+ width: 88%;
+ box-shadow:
+ 0 4px 24px rgba(0, 96, 255, 0.08),
+ 0 2px 8px rgba(100, 100, 150, 0.08);
+ border: 1px solid #ddeaff;
+ transition: all 0.25s ease-in-out;
+}
+
+.container:hover {
+ transform: translateY(-4px);
+ box-shadow: 0 8px 32px rgba(55, 150, 255, 0.15);
+}
+
+h1 {
+ font-size: 2.1rem;
+ color: #2368b1;
+ margin-bottom: 24px;
+ font-weight: 700;
+ letter-spacing: 0.8px;
+}
+
+p {
+ font-size: 1.1rem;
+ color: #555f6b;
+ margin-bottom: 36px;
+ line-height: 1.7;
+}
+
+/* 버튼 스타일 예시 */
+.button {
+ padding: 12px 24px;
+ background-color: #2377ff;
+ color: white;
+ border: none;
+ border-radius: 12px;
+ font-size: 1rem;
+ font-weight: 600;
+ cursor: pointer;
+ box-shadow: 0 2px 8px rgba(0, 72, 255, 0.2);
+ transition: background-color 0.2s;
+}
+
+.button:hover {
+ background-color: #005be3;
+}