본문으로 건너뛰기

🛠️ Development Dashboard

This page is only visible in development mode

Quick Links

Development Tools

🎨

🎨 Pattern Library

Visual examples of all components, colors, and patterns

Open →
📄

📄 Reference Templates

Ready-to-use templates for creating reference documents

Open →
🚀

🚀 Netlify Deployment

Complete guide for deploying to Netlify

Open External →
📚

📚 Component Docs

Documentation for all React components

Open External →
⚙️

🔧 Docusaurus Config

Main configuration file

Open External →
📋

📋 CLAUDE.md

Development guidelines and patterns

Open External →

Adding New Content

1. Create MDX file:

docs/company-name/category/article-name.mdx

2. Add frontmatter:

---
title: "한국어 제목"
sidebar_label: "사이드바 라벨"
original_url: "https://original-source.com"
original_title: "Original English Title"
original_author: "Author/Organization"
license: "CC BY-NC-SA 4.0"
translation_date: "2024-01-20"
translator: "Translator Name"
---

3. Import components if needed:

import { ResourceDownload } from '@site/src/components/ContentComponents';

Creating Components

Base Component:

src/components/ComponentName/
├── index.tsx
└── styles.module.css

Content Component:

src/components/ContentComponents/NewComponent.tsx

Don't forget to export from index.ts!

Updating Sidebars

// In sidebars.ts
sidebarName: [
  {
    type: 'category',
    label: '섹션 이름',
    collapsed: false,
    link: {
      type: 'doc',
      id: 'path/to/index',
    },
    items: [
      'path/to/doc1',
      'path/to/doc2',
    ],
  },
],

Deployment

Build for production:

pnpm run build

Deploy to Netlify (Recommended):

# Full deployment workflow (test, commit, push, verify)
git deploy "Your commit message"

# Or using pnpm script
pnpm run deploy:full "Your commit message"

# Manual deployment options
pnpm run deploy:netlify    # Deploy to production
pnpm run deploy:preview    # Deploy preview

Deploy to GitHub Pages (Alternative):

USE_SSH=true pnpm run deploy

ℹ️ See NETLIFY_DEPLOYMENT.md for detailed Netlify setup

Useful Commands

pnpm startStart dev server
pnpm run typecheckCheck TypeScript
pnpm run buildBuild static site
pnpm run serveServe built site
pnpm run deploy:netlifyDeploy to Netlify
netlify statusCheck Netlify status
netlify openOpen site in browser
netlify devLocal Netlify server