explaingit

brillout/2025-ct-webdev

Analysis updated 2026-08-04 · repo last pushed 2025-11-26

JavaScriptAudience · developerComplexity · 2/5QuietSetup · easy

TLDR

A slide deck web app for a conference talk at c't webdev 2025, built with Vike. Each slide is a web page, deployed live via GitHub Pages so audiences can follow along during the presentation.

Mindmap

mindmap
  root((repo))
    What it does
      Renders slides as web pages
      Deployed live for audiences
      Insert slide at position
      Image masks for OBS
    Tech stack
      JavaScript
      Vike
      GitHub Pages
    Use cases
      Present at conferences
      Stream talks with overlays
      Reuse for different events
    Audience
      Conference speakers
      Web developers
      Tech presenters

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Build and deploy a slide deck as a live website for a conference talk.

USE CASE 2

Stream a presentation with camera overlays using OBS image masks on top of web-based slides.

USE CASE 3

Create separate repo copies for different conferences, each with its own permanent URL.

USE CASE 4

Present at events like React Berlin or ViteConf using the same slide deck setup.

What is it built with?

JavaScriptVikeGitHub Pages

How does it compare?

brillout/2025-ct-webdev00kaku/gallery-slider-block0verflowme/weirdhta
LanguageJavaScriptJavaScriptJavaScript
Last pushed2025-11-262021-05-192022-06-16
MaintenanceQuietDormantDormant
Setup difficultyeasyeasymoderate
Complexity2/52/52/5
Audiencedevelopergeneraldeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Push to a specific GitHub branch and slides go live automatically via GitHub Pages.

In plain English

This repository holds the slide deck for a conference talk given at c't webdev 2025. It's a live website that serves as the visual presentation during the talk, deployed so the audience can follow along in real time. The project is tied to Vike, a web development tool, and the slides are designed to be shown on screen while the speaker presents. At a high level, it's a JavaScript-based web app that renders slides as web pages. Each slide is a separate file, and there's a built-in script that lets the presenter insert a new slide at a specific position, automatically shifting the rest down. The README also mentions image masks for OBS (Open Broadcaster Software, a popular streaming tool), which suggests the talk was streamed or recorded with camera overlays layered on top of the slides. The primary user is the speaker themselves, preparing and delivering a technical talk at a web developer conference. A concrete example: someone presenting at React Berlin or ViteConf would use this same setup to build their slide deck, deploy it as a website, and present from it live. The repo is part of a broader pattern where the same author maintains separate branches or repo copies for each conference they speak at, each with its own permanent URL. The deployment setup is notable because it leans heavily on GitHub's built-in hosting. When the presenter pushes changes to a specific branch, the slides go live automatically. The README includes step-by-step instructions for creating a new repo copy for a different conference, since GitHub doesn't allow forking your own repository. This is a practical, low-cost approach to managing talk materials without needing a dedicated presentation platform.

Copy-paste prompts

Prompt 1
Help me set up a Vike-based slide deck repo for my upcoming conference talk, where each slide is a separate web page and the deck deploys live via GitHub Pages.
Prompt 2
I want to add a new slide at a specific position in my presentation. Write a script that inserts the slide file and automatically renumbers the rest.
Prompt 3
How do I configure OBS image masks so I can overlay my camera feed on top of my web-based slides during a live stream?
Prompt 4
Walk me through duplicating this slide deck repo for a different conference, including setting up a new GitHub Pages deployment branch.

Frequently asked questions

What is 2025-ct-webdev?

A slide deck web app for a conference talk at c't webdev 2025, built with Vike. Each slide is a web page, deployed live via GitHub Pages so audiences can follow along during the presentation.

What language is 2025-ct-webdev written in?

Mainly JavaScript. The stack also includes JavaScript, Vike, GitHub Pages.

Is 2025-ct-webdev actively maintained?

Quiet — no commits in 6-12 months (last push 2025-11-26).

How hard is 2025-ct-webdev to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is 2025-ct-webdev for?

Mainly developer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.