자원 센터로 돌아가기

가이드

개발 튜토리얼은 이러한 기능을 빠르게 활용할 수 있습니다.

5분 안에 Next.js 프로젝트를 EdgeOne Pages에 배포하기: 완전 가이드

EdgeOne Pages 배포가 Next.js 풀스택 지원을 제공한다는 것을 알고 계셨나요? 다음과 같은 Next 같은 Next능이 현재 지원됩니다:EdgeOne Pages로 Next.js 풀스택 프로젝트를 배포하기 위해 세 가지 배포 옵션을 제공합니다.EdgeOne Pages 템플릿에서 배포하는 것은 처음부터 Next.js 프로젝트를 구축하고 배포하는 가장 빠른 방법입니다.

Ethan Mercer

Cloud Functions 개발자 가이드

Cloud Functions는 개발자에게 원활한 동적 백엔드 기능을 제공하도록 설계된 EdgeOne의 포괄적인 서버리스 함수 솔루션입니다. 프로젝트의 /node-functions 디렉토리 내에 Node 함수를 생성하기만 하면 코드가 자동으로 강력한 Node.js 기반 API 엔드포인트로 변환됩니다. 이러한 엔드포인트는 데이터베이스 쿼리, 서드파티 API 통합, 양식 제출 및 데이터 처리 작업을 포함한 광범위한 백엔드 작업을 효율적으로 처리할 수 있으며, 서버 관리의 복잡성을 제거합니다. 이 서버리스 접근 방식은 Cloud Functions를 확장 가능하고 현대적인 애플리케이션을 구축하기 위한 완벽한 기반으로 만듭니다.통합된 프론트엔드와 백엔드 코드 관리로 진정한 풀스택 개발을 경험하세요. 프론트엔드 정적 자산과 백엔드 함수 로직을 단일 Git 저장소에 보관하여 구성, 환경 변수 및 배포 파이프라인을 원활하게 공유할 수 있습니다. "git push" 명령 하나로 전체 애플리케이션 스택을 배포하여 개발 워크플로우를 획기적으로 간소화하고 운영 오버헤드와 유지 관리 복잡성을 최소화할 수 있습니다.

Ethan Mercer

정적 사이트 생성기 설명: 최고의 도구들과 EdgeOne Pages에 배포하는 방법

정적 사이트 생성기(SSG)는 템플릿, 콘텐츠 파일 및 데이터 소스에서 정적 HTML, CSS 및 JavaScript 파일을 생성하여 웹사이트를 구축하는 도구입니다. 사용자가 요청할 때 페이지를 동적으로 생성하는 전통적인 동적 웹사이트와 달리, 정적 사이트는 개발 과정에서 미리 구축되어 더 빠른 로딩 시간과 향상된 보안을 제공합니다.정적 사이트 생성기는 미리 렌더링된 HTML 파일을 제공하여 매우 빠른 로딩 시간으로 뛰어난 성능을 제공합니다. 공격 벡터 감소를 통한 향상된 보안과 호스팅 비용 절감의 이점도 있습니다.

Ethan Mercer

최신 게시물

Dec 4, 2025

Next.js App Router 프로덕션: 상태 관리, 캐싱, 테스트 과제

App Router가 등장하기 전, Next.js는 Pages Router(pages/ 디렉토리)를 라우팅 시스템으로 사용했습니다. 간단하고 직관적이었지만, 애플리케이션의 복잡도가 증가하면서 점차 한계가 드러났습니다:2022년, React 18이 서버 컴포넌트(Server Components)를 도입하면서, Next.js 팀은 라우팅 시스템을 재설계할 기회를 발견했습니다. 그렇게 App Router가 탄생했습니다.이것은 가장 근본적인 패러다임 전환입니다. App Router에서는:

Ethan Mercer

Spt 8, 2025

개발부터 배포까지: EdgeOne Pages에서의 Next.js 풀스택 모범 사례

이 가이드는 고성능 Next.js 풀스택 애플리케이션 구축과 코드 품질이나 애플리케이션 속도를 저하시키지 않으면서 개발 워크플로우를 최적화하는 데 중점을 둡니다.다음 섹션에서는 프로젝트 아키텍처, 환경 설정, 라우팅 전략, 효율적인 데이터 페칭 기법을 철저히 살펴보겠습니다. 이러한 모범 사례를 통해 EdgeOne Pages에서 Next.js 풀스택 애플리케이션을 원활하게 배포하고, 뛰어난 성능과 전 세계적인 접근성을 위해 엣지 컴퓨팅 능력을 활용할 수 있습니다.다음 디렉토리 구조는 권장하는 Next.js 하이브리드 렌더링 템플릿을 나타냅니다. 이 신중하게 구성된 아키텍처는 확장 가능한 풀스택 애플리케이션을 구축하는 개발자들을 위한 최적의 기반 역할을 합니다:

Ethan Mercer

Spt 5, 2025

EdgeOne Pages를 리버스 프록시로 사용하기: 종합 가이드

EdgeOne Pages의 고급 기능 중 하나는 리버스 프록시 역할을 하여 클라이언트 요청을 백엔드 서버로 안전하고 효율적으로 전달할 수 있는 기능입니다. 이 글에서는 edgeone.json 구성 파일을 사용하여 EdgeOne Pages를 리버스 프록시로 구성하는 과정을 안내해 드리겠습니다.EdgeOne Pages는 "edgeone.json" 구성 파일을 제공하여 프로젝트 빌드 및 배포 동작(예: 빌드 명령)을 사용자 정의하고 라우팅 전략(리다이렉트, 리라이트 및 HTTP 응답 헤더 포함)을 관리할 수 있습니다.리라이트를 사용하면 브라우저에 표시되는 URL을 변경하지 않고 사용자 요청을 다른 URL로 투명하게 라우팅할 수 있습니다. 리라이트를 통해 요청이 백엔드 서버에 도달하기 전에 URL 경로, 쿼리 매개변수 및 요청 헤더를 수정할 수 있습니다.

Ethan Mercer

Spt 5, 2025

CORS를 Pages Functions에서 활성화하는 방법?

교차 출처 리소스 공유(CORS)는 웹 애플리케이션이 다른 출처의 리소스와 상호작용하는 방식을 제어하기 위해 브라우저에 의해된 보안 메커니즘입니다. 기본적으로 동일 출처 정책은 웹 페이지가 자신의 도메인이 아닌 서버에 요청을 할 수 없도록 제한합니다. CORS는 서버가 HTTP 헤더를 통해 리소스에 접근할 수 있는 출처를 지정함으로써 이러한 제한을 완화합니다p>비슷하지 않은 요청(non-simple request)(사용자 정의 헤더나 GET/POST 이외의 메서드를 사용하는 요청)을 고려할 때, 브라우저는 자동으로 서버에 프리플라이트 OPTIONS 요청을 보냅니다. 서버는 적절한 CORS 헤더를 반환해야 하며, 그렇지 않으면 브라우저는 실제 요청을 차단합니다.페이지 기능은 EdgeOne 엣지 노드에서되는 서버리스 코드 실행 환경을 제공합니다. 개발자는 비즈니스 로직을 작성하고 트리거 규칙을 구성하기만 하면 됩니다. 서버 인프라 관리는 필요하지 않습니다. 코드는 최종 사용자와 가까운 엣지 노드에서 유연하고 안전하게 실행됩니다>

Benjamin Carter

Aug 27, 2025

쉬운 3단계로 CodePen에서 라이브 사이트로: EdgeOne Pages로 배포하기

모든 개발자는 이런 느낌을 알고 있습니다: CodePen에서 놀라운 것을 만들었을 때—아마도 멋진 CSS 애니메이션, 인터랙티브한 JavaScript 위젯, 또는 아름다운 랜딩 페이지 프로토타입일 수도 있습니다. 이제 그것을 단지 Pen으로서가 아니라 실제 독립형 웹사이트로 세상과 공유하고 싶을 것입니다.전통적인 배포는 종종 Git과의 씨름, 빌드 도구 구성 또는 복잡한 호스팅 플랫폼 탐색을 포함합니다. 그러나 EdgeOne Pages를 사용하면 CodePen에서 단 30초 만에 라이브 프로덕션급 사이트로 전환할 수 있습니다.세부 사항에 들어가기 전에, 이 과정이 얼마나 간단한지 살펴보겠습니다. 전체 워크플로는 단 세 가지 작업으로 구성됩니다: 내보내기 → 끌어다 놓기 → 배포.

Ethan Mercer