diff --git a/static/components/product-detail/product-detail.html b/static/components/product-detail/product-detail.html
new file mode 100644
index 0000000..7c89b54
--- /dev/null
+++ b/static/components/product-detail/product-detail.html
@@ -0,0 +1 @@
+<div></div>
diff --git a/static/components/product-detail/product-detail.js b/static/components/product-detail/product-detail.js
new file mode 100644
index 0000000..27a8d72
--- /dev/null
+++ b/static/components/product-detail/product-detail.js
@@ -0,0 +1,13 @@
+async function productDetail(path) {
+  const template = await loadTemplateAsync(path)
+  Vue.component('product-detail', {
+    name: 'product-detail',
+    template,
+
+    props: ['product'],
+    data: function () {
+      return {}
+    },
+    methods: {}
+  })
+}