Home / Companies / Knock / Blog / Post Details
Content Deep Dive

How to build an in-app notification feed with Nuxt and Vue

Blog post from Knock

Post Details
Company
Date Published
Author
Jeff Everhart
Word Count
2,398
Language
English
Hacker News Points
-
Summary

This tutorial outlines the process of building a custom in-app feed using the Knock JavaScript client and the Nuxt framework, focusing on creating a Notion-style user interface. The guide explains setting up the Knock client by configuring API keys and user IDs, creating a tabbed feed where users can mark messages as read or archived, and exploring UI details that enhance user experience. The tutorial involves fetching feed items using the Knock Feed API, managing engagement statuses, and integrating real-time updates with event listeners. It highlights how the Vue framework's computed properties and reactive state variables can dynamically update the UI, demonstrating the flexibility of Knock's client in crafting personalized activity feeds. The tutorial also covers additional UI features like bulk actions and visual indicators for new messages, showcasing how these elements contribute to a polished feed experience.