Nextjs Templates & Themes Logo Nextjs Templates & Themes
Twitch Ext Nextjs screenshot

Twitch Ext Nextjs

Author Avatar Theme by Djiit
Updated: 13 Dec 2020
7 Stars

Twitch Extension Boilerplate with Next.js

Github

Categories

React

Overview:

The twitch-ext-nextjs is a boilerplate for creating Twitch extensions using Next.js. This boilerplate allows developers to easily set up and configure a Next.js project for use with the Twitch Developer Rig. It provides a seamless development experience and simplifies the process of creating and testing Twitch extensions.

Features:

  • Easy setup: The twitch-ext-nextjs boilerplate provides a ready-to-use setup for creating Twitch extensions with Next.js.
  • Developer Rig compatibility: It seamlessly integrates with the Twitch Developer Rig, allowing developers to test their extensions locally.
  • Extension publishing: The boilerplate provides a guide on how to publish the created extension by exporting the project and uploading it to the Extension Dashboard.

Installation:

To use the twitch-ext-nextjs boilerplate, follow these steps:

  1. Clone the repository by running the following command in your terminal:
git clone [repository-url]

  1. Open a terminal and navigate to the cloned repository.

  2. Configure your extension in the Twitch Developer Console:

  • Set the “Testing Base URI” to http://localhost:3000, which is the default for a Next.js project.

  1. Launch the Twitch Developer Rig and add your project to it.

  2. Configure the correct command for the Front End by running the following command in your terminal:

npm run dev

or

yarn dev

  1. Test your extension by launching “views” inside the Twitch Developer Rig.

  2. To publish your extension, follow these steps:

  • Run the command yarn export in your terminal.
  • Zip the contents of the “out” folder.
  • Upload the zipped file to your Extension Dashboard.

Summary:

The twitch-ext-nextjs boilerplate enables developers to quickly and easily create Twitch extensions using Next.js. With its seamless integration with the Twitch Developer Rig, developers can efficiently test their extensions locally before publishing them. The boilerplate also provides guidance on how to export and upload the extension to the Extension Dashboard for publishing purposes.