pnpm + tsdown으로 React 라이브러리 만들기 ⑤ - demo 배포

1import type { NextConfig } from "next";
2import nextra from "nextra";
3
4const nextConfig: NextConfig = {
5  /* config options here */
6  reactCompiler: true,
7  output: "export",
8  basePath: "/react-toc",
9  images: {
10    unoptimized: true,
11  },
12};
13
14const withNextra = nextra({
15  // ... other Nextra config options
16});
17
18export default withNextra({
19  ...nextConfig,
20  turbopack: {
21    resolveAlias: {
22      // Path to your `mdx-components` file with extension
23      "next-mdx-import-source-file": "./src/mdx-components.tsx",
24    },
25  },
26});

1# workflow 이름 설정
2name: Deploy demo site to Pages
3
4# workflow를 트리거하는 이벤트 설정
5on:
6  push:
7    branches: ["main"]
8
9# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
10permissions:
11  contents: read
12  pages: write
13  id-token: write
14
15# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
16# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
17concurrency:
18  group: "pages"
19  cancel-in-progress: false
20
21# 실행할 jobs 설정
22jobs:
23  # Build job
24  build:
25    # Ubuntu 환경에서 실행
26    runs-on: ubuntu-latest
27
28    steps:
29      - name: Checkout code
30        uses: actions/checkout@v6
31
32      - name: Install Node.js
33        uses: actions/setup-node@v6
34        with:
35          # Node.js 버전 설정
36          node-version: 24
37
38      - name: Setup pnpm
39        uses: pnpm/action-setup@v4
40
41      - name: Install dependencies
42        run: pnpm install
43
44      - name: Setup Pages
45        id: setup_pages
46        uses: actions/configure-pages@v5
47
48      - name: Build local package
49        run: pnpm --filter ./packages/react-toc run build
50
51      - name: Build demo
52        run: pnpm --filter ./apps/demo run build
53
54      - name: Upload artifact
55        uses: actions/upload-pages-artifact@v4
56        with:
57          path: apps/demo/out
58
59  # Deployment job
60  deploy:
61    needs: build
62    environment:
63      name: github-pages
64      url: ${{ steps.deployment.outputs.page_url }}
65    runs-on: ubuntu-latest
66    steps:
67      - name: Deploy to GitHub Pages
68        id: deployment
69        uses: actions/deploy-pages@v4

1# workflow 이름 설정
2name: Deploy demo site to Pages

1# workflow를 트리거하는 이벤트 설정
2on:
3  push:
4    branches: ["main"]

1# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
2permissions:
3  contents: read
4  pages: write
5  id-token: write

1# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
2# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
3concurrency:
4  group: "pages"
5  cancel-in-progress: false

1# 실행할 jobs 설정
2jobs:
3  # Build job
4  build:
5    # Ubuntu 환경에서 실행
6    runs-on: ubuntu-latest
7
8    steps:
9      - name: Checkout code
10        uses: actions/checkout@v6
11
12      - name: Install Node.js
13        uses: actions/setup-node@v6
14        with:
15          # Node.js 버전 설정
16          node-version: 24
17
18      - name: Setup pnpm
19        uses: pnpm/action-setup@v4
20
21      - name: Install dependencies
22        run: pnpm install
23
24      - name: Setup Pages
25        id: setup_pages
26        uses: actions/configure-pages@v5
27
28      - name: Build local package
29        run: pnpm --filter ./packages/react-toc run build
30
31      - name: Build demo
32        run: pnpm --filter ./apps/demo run build
33
34      - name: Upload artifact
35        uses: actions/upload-pages-artifact@v4
36        with:
37          path: apps/demo/out
38
39  # Deployment job
40  deploy:
41    needs: build
42    environment:
43      name: github-pages
44      url: ${{ steps.deployment.outputs.page_url }}
45    runs-on: ubuntu-latest
46    steps:
47      - name: Deploy to GitHub Pages
48        id: deployment
49        uses: actions/deploy-pages@v4

1# 실행할 jobs 설정
2jobs:
3  # Build job
4  build:
5    runs-on: ubuntu-latest
6
7    # ...
8
9  # Deployment job
10  deploy:
11    needs: build
12    environment:
13      name: github-pages
14      url: ${{ steps.deployment.outputs.page_url }}
15    runs-on: ubuntu-latest
16    steps:
17      - name: Deploy to GitHub Pages
18        id: deployment
19        uses: actions/deploy-pages@v4

1# Ubuntu 환경에서 실행
2runs-on: ubuntu-latest

1steps:
2  - name: Checkout code
3    uses: actions/checkout@v6

1- name: Install Node.js
2  uses: actions/setup-node@v6
3  with:
4    # Node.js 버전 설정
5    node-version: 24

1- name: Setup pnpm
2  uses: pnpm/action-setup@v4

1- name: Install dependencies
2  run: pnpm install

1- name: Setup Pages
2  id: setup_pages
3  uses: actions/configure-pages@v5

1- name: Build local package
2  run: pnpm --filter ./packages/react-toc run build

1- name: Build demo
2  run: pnpm --filter ./apps/demo run build

1- name: Upload artifact
2  uses: actions/upload-pages-artifact@v4
3  with:
4    path: ./out

1# Deployment job
2deploy:
3  needs: build
4  environment:
5    name: github-pages
6    url: ${{ steps.deployment.outputs.page_url }}
7  runs-on: ubuntu-latest
8  steps:
9    - name: Deploy to GitHub Pages
10      id: deployment
11      uses: actions/deploy-pages@v4