This is a Next.js app that powers my Twitch overlays. Good luck and godspeed!

Overview

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

Creating an animation

First, run the server without any unnecessary components with:

npm run next
# or
yarn next

Then, simply create an animation in lib/stinger.ts, there's multiple examples already present.

To view your animation:

  • Edit the components/stinger.tsx to only run your animation. It's random by default.
  • Go to this localhost path to view it.
You might also like...

You view the Twitch channel chat and you can access the details of the users who wrote during the viewing period.

Twitch Chat Web Page You view the Twitch channel chat and you can access the details of the users who wrote during the viewing period. Getting Started

Dec 13, 2022

A bot built for Twitch.tv by EspressoStudios

Readme.md Documentation Version: 1.2.0 Twith bot version: 1.2.0 Current prefix: ! Prefix can be changed in the config.json file, in the 'prefix' form.

Jan 18, 2022

🃏 A jest reporter for chats like: Twitch, Discord, etc.

🃏 @santima10/jest-chat-reporter ⚠️ ⚠️ This package is still under development ⚠️ ⚠️ A jest reporter for chats like: Twitch, Discord, etc. Configurati

Mar 30, 2022

Do you wanna improve your Twitch chat interactivity? Hold my beer.

OpenTwitch 🇧🇷 O que é a OpenTwitch? A OpenTwitch é uma aplicação NodeJS desenvolvida ao vivo na twitch com o objetivo principal de fazer uma solução

Dec 28, 2022

Dweon, a community platform for gamers. This is front-end only. Inspired by Discord, Spotify, Twitch. (Not finished yet)

Dweon, a community platform for gamers. This is front-end only. Inspired by Discord, Spotify, Twitch. (Not finished yet)

What's Dweon? Dweon is a community platform that has Music+, Stream+, Chat+ for gamers. Dweon is not a real project. It has nothing but user interface

Sep 4, 2022

Swaps active audio input device in OBS upon twitch chat channel point redemption.

Swaps active audio input device in OBS upon twitch chat channel point redemption.

OBS-Mic-Swapper Shortcuts Set up Program Description Example of Functionality FAQ Contact Info Set up Create an account on Twitch for your bot Make su

Nov 8, 2022

Simplifies the process of obtaining the integrity token for Twitch's GraphQL API.

Twitch GQL Integrity Generator Simplifies the process of obtaining the integrity token for Twitch's GraphQL API. Getting Started Install the module wi

Dec 29, 2022

A twitch like platform.

A twitch like platform.

Streammmm A real-time live streaming web backend written in NestJS. Run Locally git clone https://github.com/Neeraj319/streammmm cd streammmm Create

Oct 10, 2022
Comments
  • Slimy door transition

    Slimy door transition

    Like an elevator door that opens and turns to slime.

    Not sure if I need to loop this using the mod operator on the time. Didn't have the brain power for this tonight.

    opened by StewSchrieff 1
Owner
Adam Elmore
Building things in the (AWS) cloud and helping others do the same. Co-founder @statmuse. 12x AWS Certified.
Adam Elmore
Hackathon for Social Good 2022 and use your superpowers to create a solution for the social good.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Laura Diaz 3 Jun 27, 2022
A Very Good Documentation Site created by the Very Good Ventures Team 🦄

Very Good Docs Site Developed with ?? by Very Good Ventures ?? A Very Good Docs Site created by the Very Good Ventures Team. Generated by the Very Goo

Very Good Open Source 8 Nov 2, 2022
p5.grain is a p5.js addon for conveniently adding grain and texture overlays to artworks.

?? p5.grain p5.grain is a p5.js addon for conveniently adding grain and texture overlays to artworks. p5.grain was also created with fxhash projects i

meezwhite 39 Dec 24, 2022
Unstyled, dev error overlays for SolidJS

solid-error-overlay Unstyled, headless Error Overlay for SolidJS Install npm i solid-error-overlay yarn add solid-error-overlay pnpm add solid-error-o

Alexis H. Munsayac 20 Dec 29, 2022
The JavaScript library let’s you transform native tooltip’s into customizable overlays.

iTooltip The JavaScript library let’s you transform native tooltip’s into customizable overlays. Use: <script src="/path/to/iTooltip.js"></script> <sc

null 2 Dec 17, 2021
The language service that powers VS Code's Markdown support, extracted so that it can be reused by other editors and tools

VS Code Markdown Language Service ❗ Note this project is actively being developed and not yet ready for production use! The language service that powe

Microsoft 369 Dec 30, 2022
😂 is a self-hostable blog engine built on the tech that powers christine.website

?? ?? is a blog engine powered by Deno. ?? has no canonical pronunciation, and users are not encouraged to come up with one. ?? is and always will be

Xe Iaso 25 Sep 4, 2022
The CSS design system that powers GitHub

Primer CSS The CSS implementation of GitHub's Primer Design System Documentation Our documentation site lives at primer.style/css. You'll be able to f

Primer 11.6k Jan 7, 2023
💬 A Twitch (BTTV and FFZ) emotes and badges parser - built with tmi.js in mind

?? A Twitch (BTTV and FFZ) emotes and badges parser - built with tmi.js in mind

Lucas Fernandes 8 Sep 2, 2022
This repo is a collection of code samples and links to previous twitch live stream sessions. If you have any ideas or suggestions for future episodes, feel free to open an issue.

Talk DEV to me Talk DEV to me is a monthly show on twitch.tv/aws hosted by Tiago Barbosa and Alex Melnyk, where we invite customers, partners, or Amaz

AWS Samples 122 Jan 6, 2023