title: What are the options for making a simple static website multilingual?
body: <p>I'm setting up a static website which I want to display in two languages. </p>
  
  <p>I can't find a comprehensive overview of the different options (e.g. server-side loading vs front-end loading vs using different folders. What are the advantages of each option (e.g. for SEO, maintainability, scalability etc.)?</p>
  
  <p>Ideally the translations will be stored in separate json files. The main thing I care about is translation - less so the other aspects of i18n and l10n. </p>
  
  <p>For example how might I translate:</p>
  
  <pre><code>&lt;html lang="en" dir="ltr"&gt;
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;h1&gt;Welcome&lt;/h1&gt;
      &lt;p&gt;Here's a website&lt;/p&gt;
      &lt;p&gt;Here's a &lt;a href="https://www.google.com/"&gt;Link&lt;/a&gt; to language specific Google&lt;/p&gt;
      &lt;button&gt;Click here&lt;/button&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Some of the many options I've encountered so far: </p>
  
  <ul>
  <li><a href="https://www.i18next.com" rel="noreferrer">i18next</a> - most standard option. support for loads of frameworks, but not clear which one is appropriate for most basic usage. <a href="https://github.com/i18next/i18nextify" rel="noreferrer">i18nextify</a>? <a href="https://github.com/i18next/jquery-i18next" rel="noreferrer">jquery-i18next</a>?</li>
  <li><a href="http://i18njs.com/" rel="noreferrer">i18js</a> - simple, but for rails?</li>
  <li><a href="https://www.npmjs.com/package/i18n" rel="noreferrer">i18n</a> - most popular on npm, but has build status</li>
  <li><a href="https://www.npmjs.com/package/i18n-2" rel="noreferrer">i18n-2</a> - updated version of above</li>
  </ul>
  
  <p>I feel like i18next is the most standard way to go, but is it suited to a simple site?</p>