Inspiration
Granny Unblocked started as a love letter to classic browser horror — that tense mix of puzzle-solving and stealth that keeps players coming back. I wanted to make that rush accessible to anyone on any network (school, work, café) and wrap each game in short guides and quick videos so new players can jump in and stay.
What it does
This site collects playable, unblocked versions of Granny-style and similar browser games, embeds them for instant play, and pairs each game with a short description, quick-play tips, and walkthroughs. It’s a low-friction hub: open, click, play — with extra content that helps players finish levels faster and share highlights with friends.
How I built it
I built the site with TypeScript and Next.js, favoring a lightweight, resilient front-end architecture: lazy-loaded HTML5 game embeds via iframes, responsive layouts, and content-first pages optimized for SEO. Each game page pairs a compact guide (short text + quick video) with the embedded play experience, and relies on Next.js features — SSG/ISR for fast, cacheable pages, dynamic routes for per-game pages, image optimization and edge caching — to keep load times low. Analytics and clear CTAs help us learn what players enjoy and surface popular titles. Security and performance are priorities: iframe sandboxing and CSP for safety, plus code-splitting, lazy hydration and resource hints to make embeds run smoothly on constrained networks. Going forward we’ll explore edge functions and lightweight account features to enable personalized highlights and easier clip-sharing.
Challenges I ran into
Embedding games reliably across different hosts (CORS, sandbox policies), keeping mobile controls intuitive, and avoiding heavy load times were the big challenges. Another is SEO for games — game pages often lack textual content, so I had to craft useful, indexable guides and metadata. Monetization without spoiling UX (ads vs. user experience) is an ongoing trade-off.
Accomplishments that I'm proud of
Shipping a clean, fast hub that actually plays on constrained networks; turning single-play pages into useful guide + play combos; and creating a simple content workflow so new games and guides can be added quickly. I’ve also built a small set of repeat visitors and a few shares on socials — proof the format works.
What I learned
Players want instant gratification plus just-enough help — not full walkthrough novels. Tiny UX improvements (one-button play, clear difficulty tags, mobile-friendly controls) matter more than heavy features. Also: make content indexable from day one — short guides and structured data pay dividends for discoverability.
What's next for Granny Unblocked
– Add user-driven features: leaderboards, quick clips/highlights, and a lightweight account system so players can save progress and share clips. – Improve discovery: weekly curated spotlights, automated “if you like X” recommendations, and richer schema to win more search traffic. – Mobile-first polish: better touch controls, orientation-aware layouts, and smaller download footprints. – Community & growth: short-tutorial series, Discord/Telegram mini-community, and partnerships with indie devs to host exclusive unblocked builds. All aimed at turning casual visits into a small, engaged community and stable, respectful monetization.
Built With
- cloudflare
- next
- nextjs
- typescript
Log in or sign up for Devpost to join the conversation.