diff --git a/package.json b/package.json
index 7de91e4e12382268c86d33e1857768513941a229..efabac32c03fe81a9c68065d95dc05eeeefd5054 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kinopio-api",
-  "version": "0.1.0",
+  "version": "0.0.1",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
diff --git a/src/components/SampleComponent.vue b/src/components/SampleComponent.vue
index 93c69f1c84e40239773848988d7a5c278d1f47fd..affc658e92ed9836b96f7cb830e4d8ad959215cf 100644
--- a/src/components/SampleComponent.vue
+++ b/src/components/SampleComponent.vue
@@ -1,12 +1,20 @@
 <template>
   <div class="hello">
-    <p>Something</p>
+    <h1>{{ new_space.name }}</h1>
+    <p>
+      <a :href="'https://kinopio.club/' + new_space.url">{{
+        new_space.name
+      }}</a>
+    </p>
   </div>
 </template>
 
 <script>
 export default {
   name: 'SampleComponent',
+  props: {
+    new_space: Object,
+  },
 }
 </script>
 
diff --git a/src/views/Home.vue b/src/views/Home.vue
index a17ea8a9327c7e960c5898e44e08697ee4c9c2e2..37589c01da141cb97042170606e3733d8e043524 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="home">
-    <SampleComponent />
+    <SampleComponent
+      v-for="new_space in new_spaces"
+      :key="new_space.id"
+      :new_space="new_space"
+    />
   </div>
 </template>
 
@@ -25,6 +29,7 @@ export default {
     axios
       .get('https://api.kinopio.club/space/new-spaces')
       .then((response) => {
+        this.new_spaces = response.data
         console.log('new_spaces:', response.data)
       })
       .catch((error) => {