DEV Community: tangjei

Survive Zombie Arena Wiki: Ultimate Guide, Tier List & Working Codes

tangjei — Thu, 11 Jun 2026 09:48:21 +0000

If you are looking to dominate the battlefield in Survive Zombie Arena, having the right information is key to staying alive. To help both new and veteran players, we've launched a comprehensive resource hub.

What You'll Find inside:

Latest Working Codes: Never miss out on free cash, gems, and exclusive rewards.
Weapons Tier List: Discover which guns and melee weapons are worth your investment.
Survival Strategies: Learn the best maps, positioning, and team setups to clear high-wave zombie onslaughts.

Check out the full and constantly updated database here:
👉 Survive Zombie Arena Wiki

Bookmark the site to stay updated with the latest game patches and newly released redemption codes!

How I Built a Real-Time Roblox Guide & Wiki Site with Automated SEO

tangjei — Tue, 02 Jun 2026 09:54:28 +0000

Hey DEV community! 👋

As a developer who loves gaming, I recently wanted to challenge myself to build a highly optimized, programmatic-driven content hub for the gaming community. Specifically targeting the popular Roblox game mode "Build A Ring Farm".

I launched Build A Ring Farm Guide & Wiki to solve a real user pain point: providing instantly updated game promo codes, ring efficiency layouts, and leveling strategies that are hard to find on cluttered wiki fandoms.

Tech Stack & Architecture

Frontend: Clean, speed-optimized UI using modern web frameworks.
Styling: Tailwind CSS for fast, responsive layout design.
SEO Strategy: Programmatic SEO layers to ensure individual game code and guide pages rank instantly on Google.

High-Value Features for Gamers

Active Promo Codes: Automated data fetching to verify active rewards daily.
Farming Layout Strategies: Visual ring farm structures to help players optimize their hourly gold/resource yields.

Building this niche tool site taught me a lot about optimizing Core Web Vitals for heavy-traffic gaming hubs. Check out the site at buildaringfarm.org and let me know your thoughts on the performance and UI!

What's your favorite approach when building niche utility/directory websites? Let's discuss below!

How I Built a Programmatic SEO Tool for Gamers: Tech Stack and Lessons Learned

tangjei — Tue, 26 May 2026 08:35:18 +0000

Hi DEV Community! 👋

I wanted to share a side project I've been working on recently: Build a Ring Farm. It's a specialized tool/guide designed to help users optimize and automate their farming setups efficiently.

Here is a quick breakdown of how I built it and the challenges I solved.

🚀 The Tech Stack

To keep the site lightning-fast and SEO-friendly, I used:

Framework: Next.js / React (or your own stack)
Styling: Tailwind CSS
Deployment: Vercel / Netlify

💡 What It Solves

Building a site like Build a Ring Farm required handling unique data structures for specific user calculations. I wanted to create an intuitive interface where users can get instant results without messy spreadsheets.

🛠️ The Biggest Challenge: SEO & Speed

Since this is a data-heavy tool site, rendering speed was crucial for Google indexing. I optimized the site by:

Generating static pages for high-traffic keywords.
Implementing custom Meta/Open Graph tags so links look great when shared on Discord or Twitter.

🎯 Check it out!

The project is live here: 👉 Build a Ring Farm Official Site

I’d love to get your feedback on the UI/UX or the performance! Let me know what you think in the comments below.

ShowDev: I built a "creepy" URL masking tool for fun (and here's how it handles Open Graph tags)

tangjei — Thu, 14 May 2026 08:42:47 +0000

Hey everyone! 👋

Ever wanted to send a harmless prank, a meme, or a funny video to your friends, but the standard URL completely gives away the joke before they even click? I ran into this exact issue, so I decided to build a quick side project to solve it.

What is it?

I built CreepyLink, a lightweight URL masking tool. It takes any safe destination URL and generates a mysterious, "spooky" alias for it. It's perfect for harmless pranks or just confusing your Discord group.

The Development Workflow 🤖

I built this relying heavily on an AI-driven "vibe coding" workflow. By utilizing tools like Claude Code and Gemini-cli, I was able to rapidly prototype the UI and handle the routing logic much faster than a traditional manual approach. It really allowed me to focus on the core user experience and the "fun" aspect of the app rather than getting bogged down in boilerplate code.

The Technical Challenge: Open Graph Tags

The biggest hurdle for a link masker isn't the redirect itself—it's the social media preview.

If you paste a link into WhatsApp, Twitter, or Discord, the platform scrapes the <meta> tags. To make the link look genuinely "creepy" in the chat preview, I had to ensure the masked URL route serves custom Open Graph (og:title, og:image, og:description) and Twitter Card tags to the scraping bots, while still seamlessly redirecting actual human clicks to the original safe destination.

It was a fun little exercise in handling user agents and dynamic metadata!

The Final Result

Here is the live tool: [CreepyLink]

It's completely free, requires no sign-ups, and the redirects are 100% safe. Try masking a standard YouTube video and see what the preview looks like when you paste the new link into a chat!

What do you guys think of the UI? Have you built anything similar recently? Let me know in the comments! 👇

How I Built a Programmatic SEO Site for Roblox Gaming Guides in 2026

tangjei — Tue, 12 May 2026 02:44:31 +0000

Hello DEV community!

I've been experimenting with Programmatic SEO and AI-driven development workflows recently. My goal was to create a high-performance, niche resource for the gaming community.

Today, I’m excited to share my latest project: Noob Tower Defense Guide & Codes.

The Tech Stack

To ensure the site is lightning fast and SEO-friendly, I used:

Framework: Next.js (App Router)
Styling: Tailwind CSS
Content: Managed through a custom programmatic pipeline to update game codes in real-time.

Why I Built This

Most gaming wiki sites are cluttered with intrusive ads and slow loading times. I wanted to build a clean, "Noob-friendly" hub that provides:

Real-time Game Codes: Verified daily to save players' time.
Strategy Guides: In-depth tower analysis and tier lists.
Optimized UI: Focus on readability and core gaming data.

Challenges Faced

One of the biggest challenges was structuring the data for hundreds of different game units while maintaining a consistent "Vibe Coding" approach.

I'd love to get some feedback from fellow developers on the site's performance or UI! You can check it out here: noobtowerdefense.org

Happy coding

Built a Simple One-Click Font Tool to Save Your Design Time

tangjei — Thu, 30 Apr 2026 05:40:02 +0000

Meet Sailorpiece, a lightweight web utility designed to help developers and designers instantly get the look they need.

👉 Live Demo: https://sailorpiece.info/

⚡️ What Problem Does It Solve?

Designers often struggle with font compatibility and quick previews. Most font galleries are bloated with ads or require full downloads just to see how a single word looks. This tool is instant and gets straight to the point.

It provides:

Instant Preview: Type your text and see the transformation in real-time.
Zero Friction: No sign-ups or paywalls—just the tool you need.

🛠️ Key Features

I focused on making the user experience as smooth as possible:

Real-time Rendering: Leverages modern browser capabilities for instant visual feedback.
Tailwind Integration: Optimized for developers who want to quickly grab styles for their Next.js or Tailwind projects.
SEO Optimized: Built with programmatic SEO principles to ensure it's easy to find.
PWA-Ready: Designed to be fast and accessible from any device.

💻 Tech Stack: Modern & Performant

To keep the site fast and SEO-friendly, I used a lean, modern stack:

Framework: Next.js for Server-Side Rendering (SSR).
Styling: Tailwind CSS for a utility-first design.
Deployment: Optimized via Vercel for global speed.

🚀 Try It Out

I built this to scratch my own itch, but I hope it helps you in your next creative project too.

Give it a try here: https://sailorpiece.info/

Let me know what you think in the comments! If you're an Indie Hacker too, I'd love to hear your feedback on the UX. 👇