A deep dive into Slack's Block Kit

In this video, we take a deep dive into Slack’s Block Kit, which is a JSON-based framework for creating Slack messages sent by bots and applications. We cover common static message types and demonstrate how to handle interactive messages in a Next.js application. You can also clone and play around with an example application to test these features in your own Slack instance. Resources: https://knock.app/blog/taking-a-deep-dive-into-slack-block-kit https://app.slack.com/block-kit-builder/ https://github.com/JEverhart383/slack-app-playground Knock also has provides a set of UIs and APIs that allow you to manage Slack integrations easily: https://docs.knock.app/integrations/chat/slack-kit/overview Chapters: 00:00 - Intro 00:26 - Block Kit Builder intro 01:40 - Block Kit is just JSON 02:20 - Text formatting 04:43 - Text layout 06:00 - Image and video 07:48 - Alert example notification 08:50 - Links as interactivity 10:30 - Interactive elements and actions 12:45 - Setting up the test app 14:08 - Next.js codebase tour 15:26 - Start NGROK service 16:01 - Set interactivity URL in Slack 16:45 - API Route overview 17:05 - Handling user select 18:40 - Handling checkboxes 22:01 - Outro