Back to templates

Template details

Omega Sisters Homepage

A community-built homepage for the Omega Sisters VTuber duo, updated entirely through GitHub pull requests and issues.

About this template

Omega Sisters Homepage is a community-built personal website for the virtual YouTuber duo Omega Sisters (おめがシスターズ), created through a public experiment in which the entire homepage was updated only via GitHub pull requests and issues.

What is the Omega Sisters Homepage?

The Omega Sisters Homepage is a user-participation web project: anyone with a GitHub account could propose changes by filing issues for bug reports or feature requests, and by submitting pull requests that were reviewed by other participants. The site is a static homepage for the Omega Sisters hosted on GitHub Pages at https://omegasisters.github.io/homepage, built with Node.js and yarn and using Preact — the repository contains sample test cases in the preact and __tests__ directories. The experiment was launched by Omega Ray in a tweet on December 23, 2019, ran for about one month, and concluded with a YouTube verification video published by the duo; the public repository has roughly 578 stars.

Key Features

The homepage combines a GitHub-native contribution workflow with a simple Node.js and yarn toolchain, all documented in the README.

  • Pull-request-only development — the homepage was updated exclusively through GitHub pull requests and issues, making every change publicly visible and reviewable.
  • Open participation — anyone could join by creating a GitHub account, then filing issues or opening pull requests; sharing the project on Twitter was also part of the workflow.
  • Local preview — running yarn install followed by yarn start hosts a local preview at http://localhost:8080/homepage/.
  • Mandatory build step — contributors must run yarn build after editing the source and before pushing their changes.
  • Automated testing — yarn test runs sample test cases provided in the preact and __tests__ directories.
  • Code formatting — the yarn format command formats the source code to keep contributions consistent.
  • CI with GitHub Actions — the README links a test workflow badge to the repository's GitHub Actions page.
  • Published results — the concluded project produced a YouTube video summarizing the one-month, PR-only homepage experiment.

Who should use the Omega Sisters Homepage?

The project was aimed at Omega Sisters fans who wanted to help build the duo's homepage, but it also remains a useful learning resource for developers interested in PR-driven open source.

  • Fans of the Omega Sisters: the primary audience — they filed issues for bugs and feature requests, submitted pull requests, reviewed others' changes, and shared the project on Twitter.
  • The Omega Sisters themselves: the project produced and continuously updated their official homepage, and supplied material for their verification video.
  • Developers learning open-source workflows: the repository is a compact, real-world example of a PR-driven site with documented setup steps, a build and test toolchain, and GitHub Pages deployment.

What can you do with the Omega Sisters Homepage?

Using the repository, you can file issues, submit or review pull requests, share the project on Twitter, and run the site locally for development.

  • Community contributors: file issues for feature requests or bugs, open pull requests, and review the pull requests of others — every merged change went live on the homepage.
  • VTuber fans: watch the one-month experiment summary video published by the Omega Sisters to see how a fan-built homepage evolved.
  • Web developers: clone the repository, run yarn install and yarn start to preview locally, then use yarn format, yarn build, and yarn test to match the project's contribution workflow.

How does the Omega Sisters Homepage work?

Contribution follows a documented workflow: install the toolchain, preview locally, build, then open a pull request.

  1. Create a GitHub account if you don't have one.
  2. Install Node.js and yarn — the README links to install instructions for macOS, Windows, and Linux (Ubuntu/Debian), and documents an npm alternative separately.
  3. Run yarn install to install dependencies, then yarn start to preview the site at http://localhost:8080/homepage/.
  4. Make edits, run yarn build, push, and open a pull request for review.

FAQ

Is the Omega Sisters Homepage still accepting contributions?

No — the project has officially ended (企画は終了しています). The Omega Sisters published a YouTube video titled "【検証】1ヶ月間、プルリクだけでホームページ作ったらどうなるの?" presenting the results of the roughly one-month experiment.

How do I preview the site locally?

Install Node.js and yarn, run yarn install in the repository root, then run yarn start. The site is hosted locally at http://localhost:8080/homepage/ and you can view it in your browser.

What tech stack does the homepage use?

The project runs on Node.js with yarn (npm is also supported, with a separate document for npm users) and uses Preact, based on the sample test cases located in the preact directory. The site is deployed to GitHub Pages.

What was the purpose of the project?

The project tested what would happen if the Omega Sisters homepage were updated only through pull requests. It was launched by Omega Ray in a tweet on December 23, 2019, invited participation from anyone, and concluded about one month later with a YouTube verification video.

Is the project free?

Yes. The repository is publicly accessible on GitHub and participation required no fees or payment.