diff --git a/src/showcase/index.vto b/src/showcase/index.vto
new file mode 100644
index 0000000..0602c09
--- /dev/null
+++ b/src/showcase/index.vto
@@ -0,0 +1,45 @@
+---
+layout: layouts/base.vto
+title: JCP Site TOP
+date: Git Last Modified
+description: "Index of the showcase page, showing a list of works with details."
+priority: 0.5
+type: index
+templateEngine: [vto]
+---
+<!-- ===== START LAYOUT: HOME ===== -->
+
+<h1 class="mw10 pa4">Showcase ページ一覧</h1>
+
+{{# <article class="fl w-100 bg-white"> #}}
+<article class="cf pa4 mw10 center f6 lh-copy">
+ <table class="collapse ba br2 b--black-10 pv2 ph3 mt4">
+  <tr class="striped--near-white">
+    <th class="pv2 ph3 tl f6 fw6 ttu">Index Order</th>
+    <th class="pv2 ph3 tl f6 fw6 ttu">Category</th>
+    <th class="pv2 ph3 tl f6 fw6 ttu">Search Engine Title</th>
+    <th class="pv2 ph3 tl f6 fw6 ttu">URL</th>
+    <th class="pv2 ph3 tl f6 fw6 ttu">Index Title</th>
+    <th class="pv2 ph3 tl f6 fw6 ttu">Index Image</th>
+    <th class="pv2 ph3 tl f6 fw6 ttu">Index Hide Link</th>
+  </tr>
+  {{ for item of search.pages(`type=showcase`, "order=asc") }}
+  <tr class="striped--near-white">
+    <td class="pv2 ph3">{{ item.order }}</td>
+    <td class="pv2 ph3">{{ item.category }}</td>
+    <td class="pv2 ph3">{{ item.metas.title }}</td>
+    <td class="pv2 ph3"><a href="{{ item.url }}">{{ item.url }}</a></td>
+    <td class="pv2 ph3">{{ item.indextitle }}</td>
+    <td class="pv2 ph3">{{ item.indeximage }}</td>
+    <td class="pv2 ph3">{{ item.hidelink }}</td>
+  </tr>
+  {{ /for }}
+ </table>
+</article>
+
+
+
+<div class="cf pa3 mw9 center"><!-- Needed to balance footer spacing --></div>
+
+
+<!-- ===== END LAYOUT: HOME ===== -->