수정하기 - Vercel 배포에서 API 라우트를 사용하는 방법은?

닉네임

비밀번호

제목

내용 [이미지 업로드는 권한이 있는 사람만 가능. 하단 카톡으로 연락]

Vercel에서 API 라우트를 사용하는 방법은 매우 쉽습니다. Vercel은 <a href='https://sangseek.com/sangseeks/Next.js/ko'>Next.js</a>와 함께 작동하면서 <a href='https://sangseek.com/sangseeks/서버리스/ko'>서버리스</a> 기능을 제공하므로 API 엔드포인트를 손쉽게 만들고 배포할 수 있습니다. 아래는 Vercel에서 API 라우트를 생성하고 사용하는 방법을 단계별로 설명합니다.           1. Next.js 프로젝트 생성하기    먼저 Next.js 프로젝트를 생성합니다. 다음 명령어를 실행하여 새 프로젝트를 만들 수 있습니다.    ```bash  npx create-next-app@latest my-api-project  cd my-api-project  ```           2. API 라우트 생성하기    Next.js 프로젝트의 `pages/api` 디렉토리에서 API 라우트를 생성합니다. 예를 들어, `hello.js`라는 파일을 만들어 보겠습니다.    - `pages/api/hello.js`    ```javascript  export default function handler(req, res) {    res.status(200).json({ message: 'Hello, World!' });  }  ```    위의 코드는 `/api/hello` 엔드포인트로 GET 요청이 들어오면 "Hello, World!"라는 JSON 응답을 반환합니다.           3. API 라우트 테스트하기    <a href='https://sangseek.com/sangseeks/로컬 개발/ko'>로컬 개발</a> 서버를 실행하여 API 라우트를 테스트할 수 있습니다.    ```bash  npm run dev  ```    브라우저를 열고 `http://localhost:3000/api/hello`에 접속하면 JSON 응답을 확인할 수 있습니다.           4. Vercel에 배포하기    API 라우트를 Vercel에 배포하려면 Vercel CLI를 사용하거나 GitHub와 같은 플랫폼에 배포할 수 있습니다.             a. Vercel CLI 사용하기    1. Vercel CLI를 설치합니다.       ```bash     npm i -g vercel     ```    2. 프로젝트 디렉토리로 이동하여 Vercel에 로그인합니다.       ```bash     vercel login     ```    3. 배포를 시작합니다.       ```bash     vercel     ```    Vercel은 배포 프로세스를 안내하며, 배포가 완료되면 URL을 제공합니다.             b. GitHub와 연결하기    1. GitHub에 프로젝트를 푸시합니다.  2. Vercel 대시보드에 로그인 후, "New Project"를 클릭합니다.  3. GitHub 리포지토리를 선택하고, 설정을 완료한 후 배포합니다.           5. 배포된 API 라우트 사용하기    배포가 완료된 후 제공된 URL을 통해 API 라우트에 접근할 수 있습니다. 예를 들어, `https://your-project-name.vercel.app/api/hello`와 같은 URL로 접근하면 Vercel에서 배포한 API 엔드포인트에 대한 응답을 받을 수 있습니다.           요약    Vercel에서는 Next.js와 함께 API 라우트를 쉽게 만들고 배포할 수 있습니다. API 라우트를 `/pages/api` 디렉토리에 추가하고, Vercel CLI나 GitHub를 통해 손쉽게 배포할 수 있습니다. 배포 후에는 다음과 같은 API 엔드포인트를 사용할 수 있습니다.