물어봐
BETA
next.js 13에 ssl 적용하는 예제코드 보여줘
IT 지식이 풍부한 고양이 ‘요고’가 답변해 드려요.
넥스트.js 13에서 SSL을 적용하는 예제 코드를 안내해 드리겠습니다. 먼저, SSL을 적용하기 위해 다음 단계를 따라야 합니다.
1. SSL 인증서를 구매하고, 해당 인증서 파일을 얻으세요.
2. Next.js 프로젝트의 루트 디렉토리에 `.env.local` 파일을 생성하세요.
3. `.env.local` 파일 안에 아래 코드를 추가하세요.
```
NEXT_PUBLIC_HTTPS=true
NEXT_PUBLIC_SSL_KEY=your_ssl_key
NEXT_PUBLIC_SSL_CERT=your_ssl_cert
```
위 코드에서 `your_ssl_key`와 `your_ssl_cert`는 실제 SSL 인증서 파일의 경로를 지정해야 합니다.
4. Next.js 프로젝트의 `next.config.js` 파일을 열고, 아래 코드를 추가하세요.
```javascript
module.exports = {
async redirects() {
return [
process.env.NEXT_PUBLIC_HTTPS === 'true'
? {
source: 'https://example.com/:path*',
destination: 'http://example.com/:path*',
permanent: false,
}
: null,
].filter(Boolean);
},
serverRuntimeConfig: {
https: process.env.NEXT_PUBLIC_HTTPS === 'true',
key: process.env.NEXT_PUBLIC_SSL_KEY,
cert: process.env.NEXT_PUBLIC_SSL_CERT,
},
};
```
위 코드에서 `example.com`을 실제 도메인으로 변경해주세요.
5. 프로젝트를 재시작하여 SSL이 성공적으로 적용되었는지 확인하세요.
위 코드를 참고하여 SSL을 적용해 보세요. 추가적인 도움이 필요하거나 다른 질문이 있으시면 언제든지 물어보세요!
열심히 읽고 답변했어요!
