<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: hokmeta</title>
    <description>The latest articles on DEV Community by hokmeta (@hokmeta).</description>
    <link>https://dev.to/hokmeta</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4009595%2F5b1adccb-85d1-4936-ac30-5c5d8fceaa11.png</url>
      <title>DEV Community: hokmeta</title>
      <link>https://dev.to/hokmeta</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/hokmeta"/>
    <language>en</language>
    <item>
      <title>Building HOKMeta: static Honor of Kings data, guides, and player tools</title>
      <dc:creator>hokmeta</dc:creator>
      <pubDate>Tue, 30 Jun 2026 12:28:49 +0000</pubDate>
      <link>https://dev.to/hokmeta/building-hokmeta-static-honor-of-kings-data-guides-and-player-tools-5270</link>
      <guid>https://dev.to/hokmeta/building-hokmeta-static-honor-of-kings-data-guides-and-player-tools-5270</guid>
      <description>&lt;p&gt;I have been building a small site for Honor of Kings Global called HOKMeta:&lt;/p&gt;

&lt;p&gt;&lt;a href="https://hokmeta.com/" rel="noopener noreferrer"&gt;https://hokmeta.com/&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;It started from a simple problem: when I looked for hero builds, counters, arcana, and item choices, a lot of content felt either too thin or too far away from how players actually make decisions before a ranked match.&lt;/p&gt;

&lt;p&gt;Most searches are not generic. Players search for very specific things:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Hou Yi build 2026&lt;/li&gt;
&lt;li&gt;best arcana for Hou Yi&lt;/li&gt;
&lt;li&gt;how to counter Angela&lt;/li&gt;
&lt;li&gt;Marco Polo build and counters&lt;/li&gt;
&lt;li&gt;best marksman HOK&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;So I decided to build the site around those practical questions.&lt;/p&gt;

&lt;h2&gt;
  
  
  Current build snapshot
&lt;/h2&gt;

&lt;p&gt;The current version is still early, but it is already more than a set of blog posts.&lt;/p&gt;

&lt;p&gt;As of the 2026-06-30 production build, the site generated 1,985 static pages.&lt;/p&gt;

&lt;p&gt;The data set currently covers:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;116 hero pages&lt;/li&gt;
&lt;li&gt;116 hero counter pages&lt;/li&gt;
&lt;li&gt;105 item pages&lt;/li&gt;
&lt;li&gt;hero guide pages for popular searches like Hou Yi, Angela, Marco Polo, Garo, Luban No.7, Daji, Li Bai, Wukong, Dolia, and Augran&lt;/li&gt;
&lt;li&gt;public JSON endpoints for hero and item data&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Example pages:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Main site: &lt;a href="https://hokmeta.com/" rel="noopener noreferrer"&gt;https://hokmeta.com/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Hou Yi build page: &lt;a href="https://hokmeta.com/hero/hou-yi/" rel="noopener noreferrer"&gt;https://hokmeta.com/hero/hou-yi/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Hou Yi guide: &lt;a href="https://hokmeta.com/learn/hou-yi-guide/" rel="noopener noreferrer"&gt;https://hokmeta.com/learn/hou-yi-guide/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Damage calculator: &lt;a href="https://hokmeta.com/tools/damage-calculator/" rel="noopener noreferrer"&gt;https://hokmeta.com/tools/damage-calculator/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Counter picker: &lt;a href="https://hokmeta.com/tools/counter-picker/" rel="noopener noreferrer"&gt;https://hokmeta.com/tools/counter-picker/&lt;/a&gt;
&lt;/li&gt;
&lt;li&gt;Public hero JSON: &lt;a href="https://hokmeta.com/api/heroes.json" rel="noopener noreferrer"&gt;https://hokmeta.com/api/heroes.json&lt;/a&gt;
&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Why static export
&lt;/h2&gt;

&lt;p&gt;The site is built as a static export because most pages are data-driven and do not need server-side rendering at request time.&lt;/p&gt;

&lt;p&gt;For this type of project, static output has a few advantages:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;pages are fast to serve&lt;/li&gt;
&lt;li&gt;hosting is simple&lt;/li&gt;
&lt;li&gt;crawlers can read the content directly&lt;/li&gt;
&lt;li&gt;public JSON files can be generated alongside the site&lt;/li&gt;
&lt;li&gt;content can be refreshed through sync scripts and rebuilt&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The tradeoff is that freshness needs to be handled intentionally. If the game patch changes, the data and generated pages need to be updated together.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why tools, not only content
&lt;/h2&gt;

&lt;p&gt;Content is useful, but for a game like Honor of Kings it gets outdated quickly.&lt;/p&gt;

&lt;p&gt;A tier list article can help someone once. A practical tool can bring them back.&lt;/p&gt;

&lt;p&gt;That is why I added:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;a damage calculator for testing item builds against target templates&lt;/li&gt;
&lt;li&gt;a build compare tool for checking which build performs better in different matchups&lt;/li&gt;
&lt;li&gt;a counter picker for draft questions&lt;/li&gt;
&lt;li&gt;an item database so item names and stats are easier to check&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;The goal is not to replace player judgment. The goal is to make common decisions faster:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Can this build actually kill a tank?&lt;/li&gt;
&lt;li&gt;Is this item core or just situational?&lt;/li&gt;
&lt;li&gt;Who counters this hero?&lt;/li&gt;
&lt;li&gt;What should I build first if I am behind?&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  The SEO lesson so far
&lt;/h2&gt;

&lt;p&gt;The biggest lesson is that "more pages" is not the same as better coverage.&lt;/p&gt;

&lt;p&gt;The pages that matter most are the ones that match a player's exact problem.&lt;/p&gt;

&lt;p&gt;A Hou Yi player does not just need a generic hero profile. They need:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;the current build&lt;/li&gt;
&lt;li&gt;arcana and spell choices&lt;/li&gt;
&lt;li&gt;what to do in lane&lt;/li&gt;
&lt;li&gt;what counters them&lt;/li&gt;
&lt;li&gt;when to avoid picking the hero&lt;/li&gt;
&lt;li&gt;a tool to test item decisions&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That is why the internal links are built around:&lt;/p&gt;



&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;
txt
hero page -&amp;gt; guide -&amp;gt; counters -&amp;gt; tools
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;

</description>
      <category>webdev</category>
      <category>seo</category>
      <category>gamedev</category>
      <category>javascript</category>
    </item>
  </channel>
</rss>
