리소스 센터

EdgeOne Pages의 풀스택 배포 기능을 정식 출시합니다! 이제 저희 플랫폼에서 완전한 웹 애플리케이션을 직접 구축하고 배포할 수 있으며, 주요 풀스택 프레임워크와 Node.js 함수를 지원합니다. 서버 사이드 렌더링, API 인터페이스, 동적 콘텐츠 생성 등 EdgeOne Pages가 모든 것을 효율적으로 처리하여 풀스택 개발을 쉽게 구현할 수 있도록 도와드립니다.이번 업데이트에서 두 가지 핵심 기능을 출시합니다:EdgeOne Pages는 이제 포괄적인 Next.js 지원을 제공하며, 정적 렌더링에 국한되지 않고 다양한 렌더링 모드를 처리할 수 있습니다.

EdgeOne CLI의 주요 업데이트를 공유하게 되어 기쁩니다! 이번 업데이트는 풀스택 개발의 편의성과 효율성을 향상시키도록 설계되었으며, 개발자에게 더욱 원활한 통합 개발 및 배포 경험을 제공합니다.이번 릴리스의 주요 내용은 다음과 같습니다:이제 Node.js 서버리스 함수를 로컬에서 원활하게 개발하고 디버깅할 수 있습니다. 프로젝트 루트 디렉토리에 node-functions  폴더를 생성하기만 하면 Node.js 코드를 작성하고 테스트할 수 있어, 로컬 Node Functions 개발이 간단하고 효율적으로 이루어집니다.

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

오늘, 우리는 Pages Drop의 출시를 발표하게 되어 기쁩니다—무료 정적 웹사이트 호스팅을 달성하는 가장 간단한 방법입니다. 서버 유지 관리나 복잡한 구성이 필요 없이, 사용자는 엔터프라이즈급 성능과 보안 보호를 즐기면서 빠르게 웹사이트를 배포할 수 있습니다.Pages Drop은 정적 웹사이트 호스팅을 완전히 단순화하기 위해 설계된 서비스입니다. 우리는 드래그 앤 드롭만큼 간단해야 한다고 믿습니다—기술적 장벽이나 복잡한 설정 없이, 순수한 단순함만 있습니다.그러나 먼저, 정적 웹사이트 호스팅이 무엇을 의미하는지 명확히 해봅시다. 이는 백엔드 데이터베이스나 서버 측 프로그램이 필요 없이 HTML, CSS, JavaScript, 이미지, 비디오와 같은 정적 파일로 만들어진 웹사이트를 호스팅하는 것을 말합니다. 이는 개인 포트폴리오, 회사 랜딩 페이지, 문서 사이트, 프로젝트 쇼케이스와 같이 사람들이 만들고 싶어하는 대부분의 웹사이트를 포함합니다.

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

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

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

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

오늘, 우리는 중요한 이정표를 발표하게 되어 영광입니다입니다: EdgeOne Pages Pages가가 CodeBuddy 플랫폼과 성공적으로 통합되었습니다. 원클릭 배포 기능이 이제 CodeBuddy 에서 공식적으로 제공되어 개발자들에게 원활한 배포 경험을 제공합니다.Codebuddy는 개발자가 코드를 더 빠르고 효율적으로 작성, 디버깅, 배포할 수 있도록 지원하는 AI 기반 프로그래밍 도우미입니다. 실시간 제안, 자동 코드 생성, 그리고 자연어 상호 작용을 통한 원활한 배포를 제공하는 지능형 코딩 파트너입니다.이번 릴리스의 핵심 하이라이트: CodeBuddy에서는 버튼 클릭 또는 대화 명령어 하나로 프론트엔드 프로젝트를 즉시 온라인에 배포할 수 있습니다.