Forem: tangjei

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. 👇