diff --git a/CHANGELOG.md b/CHANGELOG.md
index aae096148..1d1ce0aa3 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,8 @@
   [#1723](https://github.com/nextcloud/cookbook/pull/1743) @j0hannesr0th
 - Add Android client to README
   [#1767](https://github.com/nextcloud/cookbook/pull/1767) @lneugebauer
+- Show info for empty cookbook or categories in recipe overview
+  [#1866](https://github.com/nextcloud/cookbook/pull/1767) @seyfeb
 
 ### Fixed
 - Fix translation string to not contain quotes
diff --git a/src/components/RecipeList.vue b/src/components/RecipeList.vue
index f8f8b1e3e..14d35ae1f 100644
--- a/src/components/RecipeList.vue
+++ b/src/components/RecipeList.vue
@@ -1,5 +1,70 @@
 <template>
     <div>
+        <div v-if="recipeObjects.length == 0">
+            <NcEmptyContent v-if="!isCategorySelected">
+                <template #description>
+                    <div class="center p-4">
+                        <div>
+                            {{
+                                t("cookbook", "No recipes created or imported.")
+                            }}
+                        </div>
+                        <div>
+                            {{
+                                t(
+                                    "cookbook",
+                                    "To get started, you may use the text box in the left navigation bar to import a new recipe. Click below to create a recipe from scratch.",
+                                )
+                            }}
+                        </div>
+                    </div>
+                </template>
+                <template #icon>
+                    <RecipeIcon />
+                </template>
+                <template #name>
+                    <h1 class="empty-content__name">
+                        {{ t("cookbook", "No recipes") }}
+                    </h1>
+                </template>
+                <template #action>
+                    <router-link :to="'/recipe/create'">
+                        <NcButton type="primary"> Create new recipe! </NcButton>
+                    </router-link>
+                </template>
+            </NcEmptyContent>
+
+            <NcEmptyContent v-if="isCategorySelected">
+                <template #description>
+                    <div class="center p-4">
+                        <div>
+                            {{
+                                t(
+                                    "cookbook",
+                                    "No recipes matching the selected category found.",
+                                )
+                            }}
+                        </div>
+                        <div>
+                            {{
+                                t(
+                                    "cookbook",
+                                    "Try selecting a category from the left navigation bar.",
+                                )
+                            }}
+                        </div>
+                    </div>
+                </template>
+                <template #icon>
+                    <RecipeIcon />
+                </template>
+                <template #name>
+                    <h1 class="empty-content__name">
+                        {{ t("cookbook", "No recipes") }}
+                    </h1>
+                </template>
+            </NcEmptyContent>
+        </div>
         <RecipeListKeywordCloud
             v-if="showTagCloudInRecipeList"
             v-model="keywordFilter"
@@ -50,6 +115,9 @@
 </template>
 
 <script>
+import RecipeIcon from "vue-material-design-icons/ChefHat.vue"
+import NcButton from "@nextcloud/vue/dist/Components/NcButton"
+import NcEmptyContent from "@nextcloud/vue/dist/Components/NcEmptyContent"
 import NcMultiselect from "@nextcloud/vue/dist/Components/NcMultiselect"
 import RecipeCard from "./RecipeCard.vue"
 import RecipeListKeywordCloud from "./RecipeListKeywordCloud.vue"
@@ -57,8 +125,11 @@ import RecipeListKeywordCloud from "./RecipeListKeywordCloud.vue"
 export default {
     name: "RecipeList",
     components: {
+        NcButton,
+        NcEmptyContent,
         NcMultiselect,
         RecipeCard,
+        RecipeIcon,
         RecipeListKeywordCloud,
     },
     props: {
@@ -115,6 +186,12 @@ export default {
         }
     },
     computed: {
+        /**
+         * True, if the recipe list is shown for a selected category or the 'undefined' category and not "All recipes".
+         */
+        isCategorySelected() {
+            return this.$route.path.substring(1, 9) === "category"
+        },
         /**
          * An array of all keywords in all recipes. These are neither sorted nor unique
          */
@@ -325,4 +402,8 @@ export default {
     flex-direction: row;
     flex-wrap: wrap;
 }
+
+.p-4 {
+    padding: 1.5rem !important;
+}
 </style>