https://github.com/djiit/twitch-ext-nextjs

Twitch Extension Boilerplate with Next.js
https://github.com/djiit/twitch-ext-nextjs

boilerplate nextjs twitch-extension twitchdev

Last synced: 3 months ago
JSON representation

Twitch Extension Boilerplate with Next.js

• Host: GitHub
• URL: https://github.com/djiit/twitch-ext-nextjs
• Owner: Djiit
• Created: 2019-11-04T21:11:29.000Z (about 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T11:24:30.000Z (almost 2 years ago)
• Last Synced: 2023-07-31T19:41:35.421Z (over 1 year ago)
• Topics: boilerplate, nextjs, twitch-extension, twitchdev
• Language: JavaScript
• Size: 2.35 MB
• Stars: 7
• Watchers: 2
• Forks: 1
• Open Issues: 14
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# twitch-ext-nextjs

Twitch Extension Next.js boilerplate.

[Check out this blog post to learn more about how we created this](https://dev.to/djiit/bootstrapping-a-twitch-extension-with-nextjs-3k7d)

## Usage with the Developer Rig

Clone this repo and open a terminal :

```sh

npm i # or `yarn`

```

Using the Twitch Developer Rig, you can easily use this NextJS setup on your local machine. BConfigure your extension before using it in the Rig: go to your [Twitch developer console](https://dev.twitch.tv/console) and make sure that the "Testing Base URI" is set to http://localhost:3000 (the default for a NextJS project).

Once you have your project in your Rig, make sure you tells it the right command for Front End, i.e. `npm run dev` (or `yarn dev`).

You should be able to launch "views" inside the rig and play with your extension!

## Publish your extension

Run `yarn export`, zip the content of the `out` folder and upload it in your Extension Dashboard.

## Credits

Created by [@djiit](https://github.com/Djiit) and [@alacroix](https://github.com/alacroix) during the [Twitch Dev Jam 2019](https://twitchdevjam.devpost.com/).