Netlify

# netlify.toml - Netlify 설정 파일

[build]
  # 빌드 명령어
  command = "npm run build"
  # 배포할 디렉토리
  publish = "dist"
  # 함수 디렉토리
  functions = "netlify/functions"

[build.environment]
  NODE_VERSION = "18"
  NPM_FLAGS = "--legacy-peer-deps"

# 프로덕션 환경 설정
[context.production]
  command = "npm run build:prod"

# 브랜치별 설정
[context.staging]
  command = "npm run build:staging"

# 리다이렉트 규칙
[[redirects]]
  from = "/api/*"
  to = "/.netlify/functions/:splat"
  status = 200

[[redirects]]
  from = "/*"
  to = "/index.html"
  status = 200

# 헤더 설정
[[headers]]
  for = "/*"
  [headers.values]
    X-Frame-Options = "DENY"
    X-XSS-Protection = "1; mode=block"
    Content-Security-Policy = "default-src 'self'"

# 플러그인
[[plugins]]
  package = "@netlify/plugin-lighthouse"

// netlify/functions/hello.js
// Netlify Serverless Function 예제

exports.handler = async (event, context) => {
  // HTTP 메서드 확인
  if (event.httpMethod !== 'GET') {
    return {
      statusCode: 405,
      body: JSON.stringify({ error: 'Method Not Allowed' })
    };
  }

  // 쿼리 파라미터 파싱
  const { name = 'World' } = event.queryStringParameters || {};

  // 환경 변수 사용
  const apiKey = process.env.API_KEY;

  try {
    // 외부 API 호출 예시
    const response = await fetch('https://api.example.com/data', {
      headers: { 'Authorization': `Bearer ${apiKey}` }
    });
    const data = await response.json();

    return {
      statusCode: 200,
      headers: {
        'Content-Type': 'application/json',
        'Cache-Control': 'public, max-age=3600'
      },
      body: JSON.stringify({
        message: `Hello, ${name}!`,
        data: data
      })
    };
  } catch (error) {
    return {
      statusCode: 500,
      body: JSON.stringify({ error: error.message })
    };
  }
};

// 호출: /.netlify/functions/hello?name=Netlify

# Netlify CLI 설치
npm install -g netlify-cli

# 로그인
netlify login

# 프로젝트 초기화 (Git 연동)
netlify init

# 로컬 개발 서버 (Functions 포함)
netlify dev

# 수동 배포 (드래그 앤 드롭과 동일)
netlify deploy

# 프로덕션 배포
netlify deploy --prod

# 환경 변수 설정
netlify env:set API_KEY "your-api-key"
netlify env:list

# 사이트 상태 확인
netlify status

# Deploy Preview 특정 브랜치
netlify deploy --alias feature-branch

# 함수 로그 확인
netlify functions:log hello

# 빌드 로그 스트리밍
netlify watch