# Make an Unblocked Games Site for School In 10 Min

Source: https://www.youtube.com/watch?v=RSJ9RV2aZWY
Recap page: https://rapidrecap.app/video/RSJ9RV2aZWY
Generated: 2026-01-28T16:39:17.296+00:00

---
## Quick Overview

The creator demonstrates how to build a functional, unblocked games website in under 10 minutes using Gemini AI Studio, instructing the user to prompt the AI for the site structure, convert TypeScript to JavaScript, deploy the resulting files to a public GitHub repository, and subsequently use GitHub Pages to host the live site, before manually fixing initial rendering issues and adding functional games via iframe elements copied from existing sites.

**Key Points:**
- The entire website creation process relies on Gemini AI Studio by feeding it a prompt like "build a basic Unblock Games website" and explicitly stating "no AI features" to prevent unwanted additions.
- The initial build often requires a follow-up prompt to convert TypeScript files to JavaScript, as TypeScript causes deployment issues on GitHub Pages.
- Deployment involves saving the files to GitHub, creating a public repository (as private requires payment), staging and committing changes, and then navigating to GitHub repository Settings > Pages to select the main branch for deployment.
- If the deployed site appears blank, the user must return to AI Studio and prompt it to "create an entry point for index.html" on GitHub Pages, then commit and push those changes again.
- Functional games are added by inspecting a working game on an existing unblocked site, locating its source iframe element using the developer inspect tool, copying the element, and pasting it into the AI Studio preview environment with the instruction to "add this game".
- The creator successfully customized the site theme to Cyberpunk and named it "Matty's Unblock Games", and also successfully prompted Gemini to create a new game, a snake clone called "Neon Serpent", avoiding the use of iframes for that specific entry.
- Thumbnails for self-generated games can be updated by finding an image host, uploading a desired thumbnail, copying the image address, and prompting Gemini to update the game's thumbnail using that address.

**Context:** The video tutorial outlines a rapid method for creating a personal unblocked games website accessible at restricted locations like school or work, leveraging Google's Gemini AI Studio as the primary development tool. The core strategy avoids complex database setup by storing game sources as iframes within a simple JSON file structure generated by the AI, with the final deployment occurring via GitHub Pages for free hosting.

## Detailed Analysis

The tutorial walks through using Gemini AI Studio to generate the necessary HTML, JS, and CSS files for a basic unblocked games site, emphasizing the instruction to explicitly forbid AI features, which the speaker suspects Gemini adds to promote its API usage. After the initial build, a necessary corrective prompt converts any TypeScript files to JavaScript to ensure successful deployment to GitHub Pages. Deployment requires saving the project to a public GitHub repository, committing the files, and then enabling GitHub Pages via the repository settings, selecting the main branch for hosting. If the deployed page loads blankly, the user must debug by inspecting the console, returning to AI Studio to prompt for an index.html entry point fix, and then re-committing the changes to GitHub. To populate the site with working games, the speaker demonstrates inspecting an existing unblocked game site, locating the game's source iframe element using the developer tools, copying that element, and pasting it back into the AI Studio interface to test and add it to the preview before pushing the final code to GitHub. Further customization includes removing non-functional features like sign-in, changing the site theme, and even prompting Gemini to generate original games, like a snake clone, which requires manually updating the thumbnail by providing an external image host link.

### Initial Site Generation via Gemini

- Prompting for an unblocked games website
- Specifying storage via iframe in a JSON file
- Crucially adding the phrase 'no AI features'
- Initial output often lacks JS/CSS and may contain broken games

### Deployment to GitHub Pages

- Prompting to convert TypeScript to JavaScript for deployment stability
- Using the 'save to GitHub' button
- Creating a public repository is mandatory for free hosting
- Committing changes and navigating to GitHub Pages settings to select the main branch for publishing

### Troubleshooting Blank Pages

- If the site is blank post-deployment, the issue is often a missing entry point for index.html
- User must prompt AI Studio to 'create an entry point for index.html'
- Re-commit the fix to GitHub and wait for redeployment

### Adding Functional Games

- Removing initial broken games via prompt
- Finding working games on external sites and using the 'inspect' tool to locate the source iframe element
- Copying the entire iframe element and pasting it into AI Studio with an instruction like 'add this game'
- Testing the game in the AI Studio preview before pushing to GitHub

### Advanced Customization and Self-Generation

- Removing unused features like 'sign in' and 'request a game'
- Changing the theme (e.g., to Cyberpunk) and site name
- Instructing Gemini to create original games (e.g., 'Neon Serpent' snake clone) without using iframes
- Updating thumbnails for self-generated games by providing a hosted image URL back to the AI.