diff --git a/pages/index.vue b/pages/index.vue
index 9f6f9c5e2..e267c6121 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,10 +1,11 @@
 <template>
   <div>
     <ds-flex
+      v-if="Post && Post.length"
       :width="{ base: '100%' }"
       gutter="base">
       <ds-flex-item
-        v-for="post in Post"
+        v-for="post in uniq(Post)"
         :width="{ base: '100%', xs: '100%', md: '50%', xl: '33%' }"
         :key="post.id">
         <hc-post-card :post="post" />
@@ -19,6 +20,7 @@
 
 <script>
 import gql from 'graphql-tag'
+import uniqBy from 'lodash/uniqBy'
 import HcPostCard from '~/components/PostCard.vue'
 import HcLoadMore from '~/components/LoadMore.vue'
 
@@ -44,6 +46,9 @@ export default {
     }
   },
   methods: {
+    uniq(items, field = 'id') {
+      return uniqBy(items, field)
+    },
     href(post) {
       return this.$router.resolve({
         name: 'post-slug',