diff --git a/src/client/app.tsx b/src/client/app.tsx
index baaf2f4..0c90736 100644
--- a/src/client/app.tsx
+++ b/src/client/app.tsx
@@ -1,7 +1,7 @@
 import React, { createContext, useEffect, useRef, useState } from 'react';
 import ReactDom from 'react-dom';
 import {BrowserRouter, Redirect, Route, Switch as RouterSwitch} from 'react-router-dom';
-import { Gallery, DocumentAbout, LoginPage, NotFoundPage, ProfilePage,DifferencePage} from './page/mod';
+import { Gallery, DocumentAbout, LoginPage, NotFoundPage, ProfilePage,DifferencePage, SettingPage} from './page/mod';
 import {getInitialValue, UserContext} from './state';
 
 import './css/style.css';
@@ -31,6 +31,7 @@ const App = () => {
                     <Route path="/login" render={()=><LoginPage></LoginPage>}/>
                     <Route path="/profile" component={ProfilePage}></Route>
                     <Route path="/difference" component={DifferencePage}></Route>
+                    <Route path="/setting" component={SettingPage}></Route>
                     <Route>
                         <NotFoundPage/>
                     </Route>
diff --git a/src/client/page/mod.ts b/src/client/page/mod.ts
index c6b9683..ceab6e5 100644
--- a/src/client/page/mod.ts
+++ b/src/client/page/mod.ts
@@ -3,4 +3,5 @@ export * from './gallery';
 export * from './login';
 export * from './404';
 export * from './profile';
-export * from './difference';
\ No newline at end of file
+export * from './difference';
+export * from './setting';
\ No newline at end of file
diff --git a/src/client/page/setting.tsx b/src/client/page/setting.tsx
new file mode 100644
index 0000000..8a7e4bc
--- /dev/null
+++ b/src/client/page/setting.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import {Typography, Paper} from '@material-ui/core';
+import {ArrowBack as ArrowBackIcon} from '@material-ui/icons';
+import { Headline, BackItem, NavList, CommonMenuList } from '../component/mod';
+
+export const SettingPage = ()=>{
+    const menu = CommonMenuList();
+    return (<Headline menu={menu}>
+            <Paper>
+                <Typography variant='h2'>Setting</Typography>
+            </Paper>
+    </Headline>);
+};
\ No newline at end of file
diff --git a/src/server.ts b/src/server.ts
index 5428466..45b4af5 100644
--- a/src/server.ts
+++ b/src/server.ts
@@ -88,6 +88,7 @@ class ServerApplication{
         serveindex('/login');
         serveindex('/profile');
         serveindex('/difference');
+        serveindex('/setting');
     }
     private serve_static_file(router: Router){
         const setting = get_setting();