Content previous/next content is now following the same order as the folder

public/local-data/currencies.json

@@ -1,91 +1 @@
-{
+{"currencies":{"data":[{"id":"1","attributes":{"code":"EUR","symbol":"€","rate_to_usd":1.1062771,"display_decimals":true}},{"id":"2","attributes":{"code":"CAD","symbol":"$","rate_to_usd":0.79319156,"display_decimals":true}},{"id":"3","attributes":{"code":"USD","symbol":"$","rate_to_usd":1,"display_decimals":true}},{"id":"4","attributes":{"code":"JPY","symbol":"¥","rate_to_usd":0.0083864261,"display_decimals":false}},{"id":"5","attributes":{"code":"BRL","symbol":"R$","rate_to_usd":0.19904328,"display_decimals":true}},{"id":"6","attributes":{"code":"GBP","symbol":"£","rate_to_usd":1.3181323,"display_decimals":true}},{"id":"7","attributes":{"code":"AUD","symbol":"$","rate_to_usd":0.7422,"display_decimals":true}},{"id":"8","attributes":{"code":"INR","symbol":"₹","rate_to_usd":0.013162881,"display_decimals":false}},{"id":"9","attributes":{"code":"NZD","symbol":"$","rate_to_usd":0.69089984,"display_decimals":true}},{"id":"10","attributes":{"code":"CHF","symbol":"CHF","rate_to_usd":1.0728706,"display_decimals":true}}]}}
-  "currencies": {
-    "data": [
-      {
-        "id": "1",
-        "attributes": {
-          "code": "EUR",
-          "symbol": "€",
-          "rate_to_usd": 1.1062771,
-          "display_decimals": true
-        }
-      },
-      {
-        "id": "2",
-        "attributes": {
-          "code": "CAD",
-          "symbol": "$",
-          "rate_to_usd": 0.79319156,
-          "display_decimals": true
-        }
-      },
-      {
-        "id": "3",
-        "attributes": { "code": "USD", "symbol": "$", "rate_to_usd": 1, "display_decimals": true }
-      },
-      {
-        "id": "4",
-        "attributes": {
-          "code": "JPY",
-          "symbol": "¥",
-          "rate_to_usd": 0.0083864261,
-          "display_decimals": false
-        }
-      },
-      {
-        "id": "5",
-        "attributes": {
-          "code": "BRL",
-          "symbol": "R$",
-          "rate_to_usd": 0.19904328,
-          "display_decimals": true
-        }
-      },
-      {
-        "id": "6",
-        "attributes": {
-          "code": "GBP",
-          "symbol": "£",
-          "rate_to_usd": 1.3181323,
-          "display_decimals": true
-        }
-      },
-      {
-        "id": "7",
-        "attributes": {
-          "code": "AUD",
-          "symbol": "$",
-          "rate_to_usd": 0.7422,
-          "display_decimals": true
-        }
-      },
-      {
-        "id": "8",
-        "attributes": {
-          "code": "INR",
-          "symbol": "₹",
-          "rate_to_usd": 0.013162881,
-          "display_decimals": false
-        }
-      },
-      {
-        "id": "9",
-        "attributes": {
-          "code": "NZD",
-          "symbol": "$",
-          "rate_to_usd": 0.69089984,
-          "display_decimals": true
-        }
-      },
-      {
-        "id": "10",
-        "attributes": {
-          "code": "CHF",
-          "symbol": "CHF",
-          "rate_to_usd": 1.0728706,
-          "display_decimals": true
-        }
-      }
-    ]
-  }
-}

public/local-data/languages.json

@@ -1,36 +1 @@
-{
+{"languages":{"data":[{"id":"1","attributes":{"name":"French","code":"fr","localized_name":"Français"}},{"id":"2","attributes":{"name":"English","code":"en","localized_name":"English"}},{"id":"3","attributes":{"name":"Japanese","code":"ja","localized_name":"日本語"}},{"id":"4","attributes":{"name":"Spanish","code":"es","localized_name":"Español"}},{"id":"6","attributes":{"name":"Portuguese (Brazil)","code":"pt-br","localized_name":"Português (Brasil)"}},{"id":"8","attributes":{"name":"German","code":"de","localized_name":"Deutsch"}},{"id":"9","attributes":{"name":"Italian","code":"it","localized_name":"Italiano"}},{"id":"10","attributes":{"name":"Russian","code":"ru","localized_name":"русский"}},{"id":"11","attributes":{"name":"Korean","code":"ko","localized_name":"한국어"}},{"id":"12","attributes":{"name":"Chinese (Traditional)","code":"zh-cht","localized_name":"中文(繁體)"}}]}}
-  "languages": {
-    "data": [
-      { "id": "1", "attributes": { "name": "French", "code": "fr", "localized_name": "Français" } },
-      { "id": "2", "attributes": { "name": "English", "code": "en", "localized_name": "English" } },
-      { "id": "3", "attributes": { "name": "Japanese", "code": "ja", "localized_name": "日本語" } },
-      { "id": "4", "attributes": { "name": "Spanish", "code": "es", "localized_name": "Español" } },
-      {
-        "id": "6",
-        "attributes": {
-          "name": "Portuguese (Brazil)",
-          "code": "pt-br",
-          "localized_name": "Português (Brasil)"
-        }
-      },
-      { "id": "8", "attributes": { "name": "German", "code": "de", "localized_name": "Deutsch" } },
-      {
-        "id": "9",
-        "attributes": { "name": "Italian", "code": "it", "localized_name": "Italiano" }
-      },
-      {
-        "id": "10",
-        "attributes": { "name": "Russian", "code": "ru", "localized_name": "русский" }
-      },
-      { "id": "11", "attributes": { "name": "Korean", "code": "ko", "localized_name": "한국어" } },
-      {
-        "id": "12",
-        "attributes": {
-          "name": "Chinese (Traditional)",
-          "code": "zh-cht",
-          "localized_name": "中文(繁體)"
-        }
-      }
-    ]
-  }
-}

src/pages/contents/[slug].tsx

@@ -1,5 +1,6 @@
 import { GetStaticPaths, GetStaticPathsResult, GetStaticProps } from "next";
 import { Fragment, useCallback, useMemo } from "react";
+import naturalCompare from "string-natural-compare";
 import { AppLayout, AppLayoutRequired } from "components/AppLayout";
 import { Chip } from "components/Chip";
 import { HorizontalLine } from "components/HorizontalLine";
@@ -457,6 +458,12 @@ export const getStaticProps: GetStaticProps = async (context) => {
 
   const thumbnail = content.contents.data[0].attributes.thumbnail?.data?.attributes;
 
+  if (content.contents.data[0].attributes.folder?.data?.attributes?.contents?.data) {
+    content.contents.data[0].attributes.folder.data.attributes.contents.data.sort((a, b) =>
+      a.attributes && b.attributes ? naturalCompare(a.attributes.slug, b.attributes.slug) : 0
+    );
+  }
+
   const props: Props = {
     content: content.contents.data[0].attributes as ContentWithTranslations,
     openGraph: getOpenGraph(langui, title, description, thumbnail),