Amplify 호스팅을 사용하여 서버 측 렌더링 앱 배포 - AWS Amplify호스팅

기계 번역으로 제공되는 번역입니다. 제공된 번역과 원본 영어의 내용이 상충하는 경우에는 영어 버전이 우선합니다.

Amplify 호스팅을 사용하여 서버 측 렌더링 앱 배포

를 사용할 수 있습니다.AWS Amplify서버 측 렌더링 (SSR) 을 사용하는 웹 앱을 배포하고 호스팅합니다. 현재 Amplify Next.js 프레임워크를 사용하여 생성된 SSR 앱을 지원합니다. 앱을 배포할 때 Amplify SSR을 자동으로 감지합니다.AWS Management Console.

Amplify가 SSR을 지원하는 방법에 대해 알아보려면 다음 항목을 검토하십시오.

서버 측 렌더링이란 무엇입니까?

이전에는 Amplify 정적 웹 앱의 배포 및 호스팅만 지원했습니다. 여기에는 React와 같은 단일 페이지 애플리케이션 (SPA) 프레임워크를 사용하여 만든 앱과 Gatsby와 같은 정적 사이트 생성기 (SSG) 로 만든 앱이 포함됩니다. 정적 웹 앱은 HTML, CSS 및 같은 파일 조합으로 구성됩니다. JavaScript CDN (콘텐츠 전송 네트워크) 에 저장되는 파일입니다. 클라이언트 브라우저가 웹 사이트에 요청하면 서버는 HTTP 응답으로 클라이언트에 페이지를 반환하고 클라이언트 브라우저는 콘텐츠를 해석하여 사용자에게 표시합니다.

Amplify 이제 서버 측 렌더링 (SSR) 이 포함된 웹 앱을 지원합니다. 클라이언트가 SSR 페이지로 요청을 보내면 각 요청마다 해당 페이지에 대한 HTML이 서버에 생성됩니다. SSR을 사용하면 개발자는 요청 및 사용자별로 웹 사이트를 사용자 지정할 수 있습니다. 또한 SSR은 웹 사이트의 성능 및 검색 엔진 최적화 (SEO) 를 향상시킬 수 있습니다.

Next.js SSR에 대한 지원 Amplify

현재 Amplify Next.js 만 사용하여 생성된 서버 측 렌더링 (SSR) 웹 앱에 대한 배포 및 호스팅을 지원합니다. Next.js 는 자바스크립트로 SPA를 개발하기 위한 React 프레임워크입니다. 이미지 및 스크립트 최적화, ISR (증분 정적 재생성) 과 같은 기능을 사용하여 Next.js 11을 사용하여 빌드된 앱을 배포할 수 있습니다.

개발자는 Next.js 를 사용하여 정적 사이트 생성 (SSG) 과 SSR을 단일 프로젝트에서 결합할 수 있습니다. SSG 페이지는 빌드 시 미리 렌더링되고 SSR 페이지는 요청 시 미리 렌더링됩니다.

프리렌더링은 성능과 검색 엔진 최적화를 개선할 수 있습니다. Next.js 는 서버의 모든 페이지를 사전 렌더링하기 때문에 클라이언트의 브라우저에 도달하면 각 페이지의 HTML 내용이 준비됩니다. 이 콘텐츠도 더 빠르게 로드될 수 있습니다. 로드 시간이 빨라지면 최종 사용자의 웹 사이트 사용 경험이 향상되고 사이트의 SEO 순위에 긍정적 인 영향을 미칩니다. 또한 사전 렌더링은 검색 엔진 봇이 웹 사이트의 HTML 콘텐츠를 쉽게 찾고 크롤링할 수 있도록 하여 SEO를 개선합니다.

Next.js 는 TTFB (시간~첫 번째 바이트) 및 FCP (첫 번째 컨텐트 페인트) 와 같은 다양한 성능 지표를 측정하기 위한 내장 분석 지원을 제공합니다. Next.js 에 대한 자세한 내용은 단원을 참조하십시오.시작하기Next.js 웹 사이트에서 확인할 수 있습니다.

지원되는 Next.js 기능 및 지원되지 않는 기능

Amplify Next.js 주 버전 9, 10 및 11로 빌드된 앱을 지원합니다. 다음 목록에서는 Amplify가 지원하고 지원하지 않는 특정 기능에 대해 설명합니다.

지원되는 기능

  • 서버 측 렌더링 페이지 (SSR)

  • 정적 페이지

  • API 라우팅

  • 동적 루트

  • 모든 경로 포착

  • SSG (정적 생성)

  • 증분 정적 재생 (ISR)

  • 국제화 (i18n) 하위 경로 라우팅

  • 환경 변수

  • 이미지 최적화. 이미지 크기는 1MB를 초과할 수 없습니다. AVIF 및 WebP 이미지 형식은 지원되지 않습니다.

지원되지 않는 기능

  • 국제화 (i18n) 도메인 라우팅

  • 국제화 (i18n) 자동 로캘 감지

  • 미들웨어

Next.js SSR 앱 요금

Next.js SSR 앱을 배포할 때 AmplifyAWS다음을 포함한 계정:

  • 앱의 정적 자산에 대한 리소스를 저장하는 Amazon Simple Storage Service (Amazon S3) 버킷입니다. Amazon S3 요금에 대한 자세한 내용은 단원을 참조하십시오.Amazon S3 요금.

  • Amazon CloudFront 앱을 제공하기 위한 배포입니다. 에 대한 내용은 CloudFront 요금, 를 참조하십시오.아마존 CloudFront 요금.

  • Lambda @Edge 함수다음 내용을 사용자 지정할 수 있습니다. CloudFront 를 제공합니다.

Amplify 프레임워크 (라이브러리, CLI, UI 구성 요소) 를 사용하는 경우 기본 요금에 대해서만 비용을 지불합니다.AWS사용하는 서비스. Amplify 배포 및 호스팅 요금에 대한 자세한 내용은 단원을 참조하십시오.AWS Amplify요금.

앰파이를 사용하여 Next.js SSR 앱 배포

Amplify를 사용하여 Next.js SSR 앱을 배포하려면 지속적인 배포로 정적 앱을 설정하는 것과 동일한 워크플로를 따르십시오. 자세한 지침은 기존 코드 시작하기 단원을 참조하십시오. Amplify에서 SSR 앱을 설정할 수 없습니다.수동 배포.

Package.json 파일 설정

Next.js 앱을 배포할 때 Amplify 다음과 같이 앱의 빌드 스크립트를 검사합니다.package.json파일이 앱이 SSR 또는 SSG인지 여부를 감지합니다.

다음은 Next.js SSR 앱용 빌드 스크립트의 예입니다. 빌드 스크립트"next build"앱이 SSG 페이지와 SSR 페이지를 모두 지원함을 나타냅니다.

"scripts": { "dev": "next dev", "build": "next build", "start": "next start" },

다음은 Next.js SSG 앱용 빌드 스크립트의 예입니다. 빌드 스크립트"next build && next export"앱이 SSG 페이지만 지원함을 나타냅니다.

"scripts": { "dev": "next dev", "build": "next build && next export", "start": "next start" },

빌드 설정 증폭하기

앱 검사 후package.json파일을 사용하여 SSG 또는 SSR 앱을 배포하고 있는지 확인하려면 Amplify 앱의 빌드 설정을 확인합니다. Build 설정은 Amplify 콘솔 또는amplify.yml저장소의 루트에 있는 파일입니다. 자세한 정보는 빌드 설정 구성을 참조하십시오.

Amplify가 Next.js SSR 앱을 배포하고 있음을 감지하고 그렇지 않은 경우amplify.yml파일이 존재하면 앱 및 세트에 대한 buildspec을 생성합니다.baseDirectory.next. 다음 위치에 앱을 배포하는 경우amplify.yml파일이 있으면 파일의 빌드 설정이 콘솔의 빌드 설정보다 우선합니다. 따라서 수동으로 설정해야 합니다.baseDirectory.next파일에 있습니다.

다음은 앱의 빌드 설정의 예입니다.baseDirectory다음의 경우 이 로 설정됩니다..next. 이는 빌드 아티팩트가 SSG 및 SSR 페이지를 지원하는 Next.js 앱용임을 나타냅니다.

version: 1 frontend: phases: preBuild: commands: - npm ci build: commands: - npm run build artifacts: baseDirectory: .next files: - '**/*' cache: paths: - node_modules/**/*

Amplify가 SSG 앱을 배포하고 있음을 감지하면 앱 및 세트에 대한 빌드 사양이 생성됩니다.baseDirectory를 열려면. 다음 위치에 앱을 배포하는 경우amplify.yml파일이 있습니다. 수동으로 설정해야 합니다.baseDirectoryout파일에 있습니다.

다음은 앱의 빌드 설정의 예입니다.baseDirectory다음의 경우 이 로 설정됩니다.out. 이는 빌드 아티팩트가 SSG 페이지만 지원하는 Next.js 앱용임을 나타냅니다.

version: 1 frontend: phases: preBuild: commands: - npm ci build: commands: - npm run build artifacts: baseDirectory: out files: - '**/*' cache: paths: - node_modules/**/*

정적 Next.js 앱에 SSR 기능 추가

Amplify를 사용하여 배포된 기존 정적 (SSG) Next.js 앱에 SSR 기능을 추가할 수 있습니다. 이 작업은 세 단계로 이루어집니다. 먼저 앱에 서비스 역할을 추가합니다. 그런 다음 앱의 빌드 설정에서 출력 디렉토리를 업데이트합니다. 마지막으로 앱 업데이트package.json파일이 앱이 SSR을 사용함을 나타냅니다.

서비스 역할 추가

서비스 역할은AWS Identity and Access ManagementAmplify가 사용자를 대신하여 다른 서비스를 호출할 때 맡는 역할. 다음 단계에 따라 Amplify와 함께 이미 배포된 SSG 앱에 서비스 역할을 추가합니다.

서비스 역할을 추가하려면

  1. 에 로그인합니다.AWS Management Console를 열려면Amplify Console.

  2. Amplify 계정에서 서비스 역할을 아직 생성하지 않은 경우 단원을 참조하십시오.서비스 역할 생성이 전제 조건 단계를 완료합니다. 단원을 참조하십시오.AWS Identity and Access ManagementSSR 앱에 대한 권한SSR 앱을 배포하는 데 필요한 권한에 대한 자세한 정보를 참조하십시오.

  3. 서비스 역할을 추가할 정적 Next.js 앱을 선택합니다.

  4. 탐색 창에서 []] 를 선택합니다.앱 설정,일반.

  5. 앱 세부 정보페이지, 선택Edit

  6. 서비스 역할에서 기존 서비스 역할의 이름이나 2단계에서 생성한 서비스 역할의 이름을 선택합니다.

  7. 저장(Save)을 선택합니다.

빌드 설정 업데이트

SSR 기능을 사용하여 앱을 다시 배포하기 전에 앱의 빌드 설정을 업데이트하여 출력 디렉토리를 로 설정해야 합니다..next. Amplify 콘솔 또는 에서 빌드 설정을 편집할 수 있습니다.amplify.yml리포지토리에 저장된 파일입니다. 자세한 내용은 빌드 설정 구성 단원을 참조하십시오.

다음은 앱의 빌드 설정의 예입니다.baseDirectory다음의 경우 이 로 설정됩니다..next.

version: 1 frontend: phases: preBuild: commands: - npm ci build: commands: - npm run build artifacts: baseDirectory: .next files: - '**/*' cache: paths: - node_modules/**/*

패키지.json 파일 업데이트

서비스 역할을 추가하고 빌드 설정을 업데이트한 후 앱 업데이트package.json파일. 다음 예제와 같이 빌드 스크립트를 로 설정합니다."next build"Next.js 앱이 SSG 및 SSR 페이지를 모두 지원함을 나타냅니다.

"scripts": { "dev": "next dev", "build": "next build", "start": "next start" },

증폭 (Amplify) 이 변경 사항을 감지package.json저장소에서 파일을 만들고 SSR 기능을 사용하여 앱을 재배포합니다.

기존 앱의 Next.js 버전 업데이트

Amplify를 사용하여 새 Next.js 앱을 배포하는 경우 기본적으로 Amplify 지원되는 최신 버전의 Next.js 를 사용합니다. 현재 앰파이는 Next.js 버전 11을 지원합니다.

기존 앱의 경우 다음 지침에 따라 Amplify가 앱을 빌드하는 데 사용하는 Next.js 버전을 변경합니다.

기존 앱의 Next.js 버전을 업데이트하려면

  1. 에 로그인합니다.AWS Management Console를 열려면Amplify Console.

  2. 업데이트할 Next.js 앱을 선택합니다.

  3. 탐색 창에서 []] 를 선택합니다.앱 설정,빌드 설정 설정.

  4. 빌드 설정 설정[] 페이지에서빌드 이미지 설정 설정섹션, 선택Edit.

  5. 에서빌드 이미지 설정 편집대화 상자에서패키지 버전 재정의 추가목록 작성 및 선택Next.js 버전.

  6. Version에서 다음 중 하나를 수행합니다.

    • Enter9최대 Next.js 버전 9.4까지 지원합니다.x.

    • Enter10Next.js 버전 9.4에 대한 지원을 제공합니다.x를 10으로 연결합니다.x.x.

    • Enter11Next.js 버전 11을 지원합니다.x11.1.3으로 이동합니다.

    • Enterlatest를 사용하여 항상 Amplify가 지원하는 최신 Next.js 버전으로 업그레이드하십시오.

  7. 저장(Save)을 선택합니다. 다음에 앱을 빌드할 때 6단계에서 지정한 Next.js 버전에서 지원하는 기능을 사용할 수 있습니다.

AWS Identity and Access ManagementSSR 앱에 대한 권한

Amplify 요구AWS Identity and Access Management(IAM) SSR 앱을 배포할 수 있는 권한입니다. 필요한 최소 권한이 없으면 SSR 앱을 배포하려고 할 때 오류가 발생합니다. Amplify에 필요한 권한을 제공하려면 Amplify가 사용자를 대신하여 다른 서비스를 호출할 때 맡는 IAM 서비스 역할을 생성해야 합니다. 단원을 참조하십시오.서비스 역할 생성생성에 대한 자세한 지침은Amplify-Backend DeploymentAmplify가 생성 및 관리하는 데 사용하는 서비스 역할AWS있습니다. IAM이AdministratorAccess-Amplify관리형 정책Amplify-Backend Deployment서비스 역할.

AdministratorAccess-Amplify관리형 정책을 통해 다중 액세스 권한을 제공합니다.AWSIAM 작업을 포함한 서비스입니다.AdministratorAccess정책. 이 정책은 SSR 앱을 배포하는 데 필요한 것보다 많은 권한을 제공합니다. 최소 권한을 부여하는 모범 사례를 따르고 서비스 역할에 부여된 권한을 줄이는 것이 좋습니다.

서비스 역할에 대한 관리자 액세스 권한을 부여하는 대신 SSR 앱을 배포하는 데 필요한 권한만 부여하는 자체 고객 관리형 IAM 정책을 생성할 수 있습니다. 단원을 참조하십시오.IAM 정책 생성IAM 사용 설명서고객 관리형 정책을 생성하는 방법에 대한 지침을 참조하십시오. 생성한 정책에 SSR 앱을 배포하는 데 필요한 최소 권한 목록을 다음과 같이 추가합니다.

acm:DescribeCertificate acm:ListCertificates acm:RequestCertificate cloudfront:CreateCloudFrontOriginAccessIdentity cloudfront:CreateDistribution cloudfront:CreateInvalidation cloudfront:GetDistribution cloudfront:GetDistributionConfig cloudfront:ListCloudFrontOriginAccessIdentities cloudfront:ListDistributions cloudfront:ListDistributionsByLambdaFunction cloudfront:ListDistributionsByWebACLId cloudfront:ListFieldLevelEncryptionConfigs cloudfront:ListFieldLevelEncryptionProfiles cloudfront:ListInvalidations cloudfront:ListPublicKeys cloudfront:ListStreamingDistributions cloudfront:UpdateDistribution cloudfront:TagResource cloudfront:UntagResource cloudfront:ListTagsForResource cloudfront:DeleteDistribution iam:AttachRolePolicy iam:CreateRole iam:CreateServiceLinkedRole iam:GetRole iam:PutRolePolicy iam:PassRole iam:UpdateAssumeRolePolicy iam:DeleteRolePolicy lambda:CreateFunction lambda:EnableReplication lambda:DeleteFunction lambda:GetFunction lambda:GetFunctionConfiguration lambda:PublishVersion lambda:UpdateFunctionCode lambda:UpdateFunctionConfiguration lambda:ListTags lambda:TagResource lambda:UntagResource lambda:ListEventSourceMappings lambda:CreateEventSourceMapping route53:ChangeResourceRecordSets route53:ListHostedZonesByName route53:ListResourceRecordSets s3:CreateBucket s3:GetAccelerateConfiguration s3:GetObject s3:ListBucket s3:PutAccelerateConfiguration s3:PutBucketPolicy s3:PutObject s3:PutBucketTagging s3:GetBucketTagging sqs:CreateQueue sqs:DeleteQueue sqs:GetQueueAttributes sqs:SetQueueAttributes amplify:GetApp amplify:GetBranch amplify:UpdateApp amplify:UpdateBranch

계정의 Amplify 서비스 역할에 부여된 권한 범위를 줄이려면 해당 역할을 편집하여AdministratorAccess-Amplify정책을 선택하고 새 SSR 관련 정책을 연결합니다.

SSR 배포 관련 문제 해결

Amplify를 사용하여 SSR 앱을 배포할 때 예기치 않은 문제가 발생하는 경우 다음 문제 해결 항목을 검토하십시오.

출력 디렉토리가 재정의되었습니다.

Amplify를 사용하여 배포된 Next.js 앱의 출력 디렉터리는 다음과 같이 설정해야 합니다..next. 앱의 출력 디렉토리가 재정의되고 있는 경우next.config.js파일. 빌드 출력 디렉토리를 기본값으로 설정하려면.next파일에서 다음 줄을 제거합니다.

distDir: 'build'

출력 디렉터리가 로 설정되어 있는지 확인합니다..next빌드 설정에서 앱의 빌드 설정을 확인하는 방법에 대한 자세한 내용은 단원을 참조하십시오.빌드 설정 구성.

다음은 앱의 빌드 설정의 예입니다.baseDirectory다음의 경우 이 로 설정됩니다..next.

version: 1 frontend: phases: preBuild: commands: - npm ci build: commands: - npm run build artifacts: baseDirectory: .next files: - '**/*' cache: paths: - node_modules/**/*

SSR 사이트를 배포한 후 404 오류가 발생합니다.

사이트를 배포한 후 404 오류가 발생하면 출력 디렉터리가 재정의되어 문제가 발생할 수 있습니다. 를 확인하려면next.config.js파일을 작성하고 앱의 빌드 사양에서 올바른 빌드 출력 디렉토리를 확인하고 이전 항목의 단계를 따르십시오.출력 디렉토리가 재정의되었습니다..

앱에 대한 재작성 규칙이 누락되었습니다. CloudFront SSR 배포판

SSR 앱을 배포할 때 Amplify CloudFront SSR 배포판. 웹 브라우저에서 앱에 액세스할 수 없는 경우 CloudFront 다시 쓰기 규칙이AWS계정. 누락된 경우 수동으로 추가하거나 앱을 다시 배포할 수 있습니다.

Amplify 콘솔에서 앱의 재작성 및 리디렉션 규칙을 보거나 편집하려면 탐색 창에서앱 설정그런 다음재작성 및 리디렉션. 다음 스크린샷은 SSR 앱을 배포할 때 Amplify가 사용자를 위해 생성하는 재작성 규칙의 예를 보여줍니다.


          Amplify 콘솔의 재작성 및 리디렉션 창.

앱이 너무 커서 배포할 수 없습니다

증폭은 SSR 배포의 크기를 50MB로 제한합니다. Next.js SSR 앱을 증폭하기 위해 배포하고RequestEntityTooLargeException오류, 앱이 너무 커서 배포할 수 없습니다. 캐시 정리 코드를 다음과 같이 추가하여 이 문제를 해결할 수 있습니다.next.config.js파일.

다음은 의 코드 예입니다.next.config.js캐시 정리를 수행하는 파일입니다.

module.exports = { webpack: (config, { buildId, dev, isServer, defaultLoaders, webpack }) => { config.optimization.splitChunks.cacheGroups = { } config.optimization.minimize = true; return config }, }

앱에 SSR 및 SSG 브랜치가 모두 있습니다.

SSR과 SSG 분기가 모두 있는 앱은 배포할 수 없습니다. SSR 브랜치와 SSG 브랜치를 모두 배포해야 하는 경우 SSR 분기만 사용하는 앱 하나와 SSG 분기만 사용하는 다른 앱을 배포해야 합니다.

앱이 예약된 경로가 있는 폴더에 정적 파일을 저장합니다.

Next.js 는 이름이 지정된 폴더에서 정적 파일을 제공할 수 있습니다.public프로젝트의 루트 디렉터리에 저장됩니다. Amplify를 사용하여 Next.js 앱을 배포하고 호스팅하는 경우 프로젝트에 경로가 있는 폴더를 포함할 수 없습니다.public/static. Amplify 예약합니다.public/static앱을 배포할 때 사용할 경로입니다. 앱에 이 경로가 포함되어 있으면 이름을 바꿔야 합니다.staticAmplify를 사용하여 배포하기 전에 폴더를 추가합니다

앱에 도달했습니다. CloudFront 제한

CloudFront 서비스 할당량제한하기AWS연결된 Lambda @Edge 함수가 있는 25개의 배포를 고려합니다. 이 할당량을 초과하면 사용하지 않은 모든 항목을 삭제할 수 있습니다. CloudFront 계정에서 배포하거나 할당량 증가를 요청하십시오. 자세한 내용은 Service Quotas 사용 설명서할당량 증가 요청을 참조하세요.

환경 변수는 Lambda 함수로 전달되지 않습니다.

SSR 앱의 Amplify 콘솔에서 지정한 환경 변수는 앱으로 전달되지 않습니다.AWS Lambda함수. 다음 지침에 따라 Lambda 함수에서 참조할 수 있는 환경 변수를 추가합니다.

Next.js SSR 앱에 환경 변수를 추가하려면

  1. 다음을 수행합니다.환경 변수 설정Amplify 콘솔에서 앱에 환경 변수를 추가하는 지침입니다.

  2. 열기next.config.js앱용 파일. 이 파일이 없으면 새로 만듭니다.

  3. 업데이트next.config.js1단계에서 추가한 환경 변수가 있는 file. 예를 들어 라는 환경 변수를 생성한 경우MY_ENV_VAR에 다음 코드를 추가합니다.next.config.js파일:

    module.exports = { env: { MY_ENV_VAR: process.env.MY_ENV_VAR } };
  4. 앱을 다시 빌드합니다. 이제 다음과 같이 추가한 환경 변수를 참조할 수 있습니다.process.env.MY_ENV_VAR앱의 Lambda 함수에서 사용할 수 있습니다.

Lambda @Edge 함수는 미국 동부 (버지니아 북부) 리전에서 생성됩니다.

Next.js 앱을 배포할 때 Amplify Lambda @Edge 함수를 생성하여 다음과 같은 콘텐츠를 사용자 정의합니다. CloudFront 를 제공합니다. Lambda @Edge 함수는 앱이 배포되는 리전이 아닌 미국 동부 (버지니아 북부) 리전에서 생성됩니다. 이는 Lambda @Edge 제한입니다. Lambda @Edge 함수에 대한 자세한 내용은 단원을 참조하십시오.엣지 함수에 대한 제한 사항아마존 CloudFront 개발자 안내서.

Next.js 앱은 지원되지 않는 기능을 사용합니다.

Amplify 현재 모든 경로 잡기, 이미지 최적화 및 증분 정적 재생성 (ISR) 및 11을 포함하여 Next.js 주 버전 9, 10을 지원합니다. 버전 11의 새로운 기능에 대한 목록과 설명은 단원을 참조하십시오.Next.js 11NextJS.org 웹 사이트를 참조하십시오. Amplify에서 지원 및 지원되지 않는 Next.js 기능에 대한 자세한 목록은 단원을 참조하십시오.지원되는 Next.js 기능 및 지원되지 않는 기능.

새 Next.js 앱을 배포할 때 Amplify 기본적으로 지원되는 최신 버전의 Next.js 를 사용합니다. 이전 버전의 Next.js 로 Amplify에 배포한 기존 Next.js 앱이 있는 경우 앱의 빌드 설정을 편집하여 최신 버전을 사용할 수 있습니다. 지침은 기존 앱의 Next.js 버전 업데이트 단원을 참조하세요.

Next.js 앱의 이미지가 로드되지 않습니다.

다음을 사용하여 Next.js 앱에 이미지를 추가할 때next/image구성 요소인 경우 이미지 크기가 1MB를 초과할 수 없습니다. 앱을 Amplify에 배포하면 1MB보다 큰 이미지는 503 오류를 반환합니다. 이는 Lambda @Edge 제한으로 인해 발생합니다. 이 제한은 Lambda 함수가 생성하는 응답의 크기 (헤더 및 본문을 포함하여) 1MB로 제한합니다.

1MB 제한은 PDF 및 문서 파일과 같은 앱의 다른 아티팩트에 적용됩니다.

지원되지 않는 리전

Amplify Next.js SSR 앱 배포를 지원하지 않습니다.AWSAmplify 를 사용할 수 있는 리전. 현재 Next.js SSR은 다음 리전에서는 지원되지 않습니다. 유럽 (밀라노) EU-south-1, 중동 (바레인) me-south-1, 아시아 태평양 (홍콩) ap-east-1.