diff --git a/docs/developer/front/deploy.md b/docs/developer/front/deploy.md
new file mode 100644
index 0000000..92f4c1c
--- /dev/null
+++ b/docs/developer/front/deploy.md
@@ -0,0 +1,27 @@
+# フロントエンドのデプロイ
+
+## デプロイとは
+
+> システム開発におけるデプロイとは、開発したアプリケーション（機能やサービス）をサーバー上に展開・配置して利用できるようにすることです。  
+> ビルドとは、デプロイに必要な実行ファイルを作ることです。  
+> [デプロイとは？](https://www.bold.ne.jp/engineer-club/deploy)より
+
+デプロイとはつまり、GitHub上のソースコードを実際のサイト上で動かせるようにすることです。
+
+また、デプロイする際にビルドを行います。  
+ビルドでは、ソースコードから静的ファイル(HTML)を作成します。
+
+Nuxt generateすることで確認することができます。  
+参考：[【Nuxt.js】buildとgenerateの違い](https://blog.mktia.com/diffrences-between-build-and-generate-in-nuxt/)
+
+## Cloudflare Pages
+
+Cloudflare Pagesという静的Webサイトホスティングサービスを利用しています。  
+いかに優れているかについては省きます。
+
+## デプロイ設定について
+
+参考：[quaint-waレポジトリ作成手順書](deploy.pdf)
+
+
+
diff --git a/docs/developer/front/deploy.pdf b/docs/developer/front/deploy.pdf
new file mode 100644
index 0000000..01acec0
Binary files /dev/null and b/docs/developer/front/deploy.pdf differ
diff --git a/mkdocs.yml b/mkdocs.yml
index f53a4b6..e5da9d6 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -48,6 +48,7 @@ nav:
                 - "Vueとは何か": developer/front/vue.md
                 - "Nuxtについて詳しく": developer/front/nuxt.md
                 - "テーマカラーの設定": developer/front/theme-color.md
+                - "フロントエンドのデプロイ": developer/front/deploy.md
                 - "その他【工事中】": developer/front/etc.md
           #          - "各ファイルの解説【工事中】":
           #              - "index.vue": developer/front/ex/home.md
@@ -61,7 +62,6 @@ nav:
           - "データベース【工事中】": dummy.md #developer/database.md
           - "": dummy.md
           - "サーバー管理【工事中】":
-                - "Cloudflare": dummy.md #developer/server/cloudflare.md
                 - "Microsoft Azure": dummy.md #developer/server/azure.md
           - "": dummy.md
           - "Wiki管理(quaint-docs)": developer/wiki.md