https://github.com/bendmyers/eleventy-plugin-twitch-chat

An Eleventy plugin for adding a live Twitch chat to your website
https://github.com/bendmyers/eleventy-plugin-twitch-chat

chat eleventy eleventy-plugin obs twitch

Last synced: 3 months ago
JSON representation

An Eleventy plugin for adding a live Twitch chat to your website

• Host: GitHub
• URL: https://github.com/bendmyers/eleventy-plugin-twitch-chat
• Owner: BenDMyers
• Created: 2021-05-19T19:06:16.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2021-10-26T23:35:37.000Z (about 3 years ago)
• Last Synced: 2024-10-14T14:40:22.571Z (3 months ago)
• Topics: chat, eleventy, eleventy-plugin, obs, twitch
• Language: JavaScript
• Homepage:
• Size: 16.6 KB
• Stars: 7
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# eleventy-plugin-twitch-chat

`eleventy-plugin-twitch-chat` is an [Eleventy](https://11ty.dev) plugin that lets you insert live, real-time, heavily styleable Twitch chats into your Eleventy sites.

To use `eleventy-plugin-twitch-chat`, navigate to your Eleventy project in your terminal and install the dependency:

```bash

npm install eleventy-plugin-twitch-chat

```

Then, in your `.eleventy.js` file, import the plugin and add to your Eleventy configuration.

```js

const twitchChat = require('eleventy-plugin-twitch-chat');

module.exports = function(eleventyConfig) {

	eleventyConfig.addPlugin(twitchChat);

}

```

Finally, add a chat to your page! Go to a template or layout file, and use the `twitchChat` shortcode, passing it a string with the channel name(s) you want to watch. For instance, to inject a chat for the [SomeAnticsDev](https://twitch.tv/SomeAnticsDev) Twitch channel, you would add:

```liquid

{% twitchChat 'SomeAnticsDev' %}

```