feat(deploy): add GitHub Actions workflow for deploying to GitHub Pages

feat(config): set basePath for Next.js application
fix(Root): update routing to include leading slash

.github/workflows/deploy-github-pages.yml

@@ -0,0 +1,52 @@
+name: Deploy
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout repo
+        uses: actions/checkout@v2
+
+      - name: Setup Node
+        uses: actions/setup-node@v1
+        with:
+          node-version: 20
+
+      - name: Install pnpm
+        run: npm install -g pnpm
+
+      - name: Install dependencies
+        run: pnpm install
+
+      - name: Build project
+        run: pnpm run build
+
+      - name: Upload production-ready build files
+        uses: actions/upload-artifact@v2
+        with:
+          name: production-files
+          path: ./dist
+
+  deploy:
+    runs-on: ubuntu-latest
+    needs: build
+    if: github.ref == 'refs/heads/master'
+
+    steps:
+      - name: Download artifact
+        uses: actions/download-artifact@v2
+        with:
+          name: production-files
+          path: ./dist
+
+      - name: Deploy to GitHub Pages
+        uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: ./dist

next.config.mjs

@@ -4,6 +4,7 @@ const withNextIntl = createNextIntlPlugin("./src/core/i18n/i18n.ts");
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
+  basePath: '/mini-app',
   images: {
     remotePatterns: [
       {

src/components/Root/Root.tsx

@@ -133,7 +133,7 @@ function RootInner({ children }: PropsWithChildren) {
                   text={text}
                   selected={id === currentTab}
                   onClick={() => {
-                    router.push(id);
+                    router.push(`/${id}`);
                   }}
                 >
                   <Icon />