feat: setup static export for tangle docs (#125)

Author: AtelyPham

.gitignore

@@ -13,8 +13,7 @@ yarn-error.log
 .cache
 .vscode
 .DS_Store
-out/*
-out
+dist
 .dccache
 *.code-workspace
 .direnv

netlify.toml

@@ -1,3 +1,18 @@
 [build]
     command = "next build"
-    publish = ".next"
+    publish = "dist"
+
+[[redirects]]
+from = "/restake"
+to = "/restake/introduction"
+status = 301
+
+[[redirects]]
+from = "/developers"
+to = "/developers/blueprints/introduction"
+status = 301
+
+[[redirects]]
+from = "/operators"
+to = "/operators/introduction"
+status = 301

next-sitemap.config.js

@@ -3,8 +3,7 @@ const config = {
   siteUrl: process.env.SITE_URL || "https://docs.tangle.tools",
   generateRobotsTxt: true,
   exclude: ["/404", "/500", "/api/*", "*/_meta"],
-  outDir: "public",
-  generateIndexSitemap: true,
+  outDir: "dist",
 };
 
 export default config;

next.config.mjs

@@ -17,41 +17,12 @@ const withBundleAnalyzer = bundleAnalyzer({
  * @type {import('next').NextConfig}
  */
 const nextConfig = {
+  output: "export",
   reactStrictMode: true,
   trailingSlash: false,
   staticPageGenerationTimeout: 120,
-  async redirects() {
-    return [
-      {
-        source: "/restake",
-        destination: "/restake/introduction/",
-        permanent: true,
-      },
-      {
-        source: "/developers",
-        destination: "/developers/blueprints/introduction",
-        permanent: true,
-      },
-      {
-        source: "/operators",
-        destination: "/operators/introduction/",
-        permanent: true,
-      },
-    ];
-  },
-  rewrites() {
-    return {
-      // beforeFiles: [
-      //   {
-      //     source: "/sitemap.xml",
-      //     destination:
-      //     //TODO: SUBMIT SITE MAP
-      //       "",
-      //   },
-      // ],
-    };
-  },
   images: {
+    unoptimized: true,
     remotePatterns: [
       {
         protocol: "https",
@@ -63,6 +34,7 @@ const nextConfig = {
       },
     ],
   },
+  distDir: "dist",
 };
 
 export default withBundleAnalyzer(withNextra(nextConfig));

package.json

@@ -7,8 +7,9 @@
   "scripts": {
     "dev": "next",
     "start": "next start",
-    "build": "next build && yarn build:sitemap",
+    "build": "next build && yarn build:sitemap && yarn build:pagefind",
     "build:sitemap": "next-sitemap --config next-sitemap.config.js",
+    "build:pagefind": "pagefind --site .next/server/pages --output-path dist/_pagefind",
     "export": "next export",
     "lint": "next lint && yarn format",
     "schema": "turbo-gen ./public/schema.json",
@@ -55,6 +56,7 @@
     "eslint-config-next": "^14.2.5",
     "eslint-config-prettier": "8.5.0",
     "gray-matter": "^4.0.3",
+    "pagefind": "^1.3.0",
     "postcss": "^8.5.3",
     "prettier": "3.2.5",
     "shiki": "^3.2.1",

pages/api/subscribers.ts

@@ -22,7 +22,7 @@ The governance system of Tangle Network is divided into two parts, the public re
 
 Proposals can be made by any token holder. Others can agree with the proposal by seconding it and providing tokens equivalent to the original bond. The most seconded proposal during every launch period is moved to the public referenda table for active voting. Voters can lock their tokens for a longer duration to amplify their vote.
 
-Detailed information on the governance system can be found [here](https://marketplace.substrate.io/pallets/pallet-democracy/).
+Detailed information on the governance system can be found [here](https://wiki.polkadot.network/learn/archive/learn-governance).
 
 ## Important Parameters for Democracy Module