서버리스 클라우드, Next.js 및 Upstash Redis 시작하기

Serverless Cloud는 Serverless Framework를 만든 팀의 백엔드 플랫폼입니다. . 단일 플랫폼에서 Cloud 런타임, CLI 및 SDK를 제공하여 개발자 생산성을 높입니다. 이 게시물에서는 Serverless Redis(Upstash)에서 데이터를 읽고 Serverless Cloud에 배포하는 Next.js 애플리케이션을 빌드합니다.

설정

먼저 npm init cloud를 사용하여 서버리스 클라우드를 시작합니다.

? Do you want to create a new app or work on an existing one?
ℹ You've selected Create new app.
ℹ Please choose an app template to generate in this directory.
ℹ You've selected Next.js.
ℹ Please enter a name for your app.
ℹ You've entered serverless-cloud.

Next.js 선택 템플릿으로 새 Next.js 프로젝트가 생성됩니다.

프로젝트 폴더에서 Upstash Redis 클라이언트 설치:npm install @upstash/redis

Upstash 콘솔을 사용하여 Redis 데이터베이스를 생성합니다. CLI 삽입 users 사용 아래와 같은 데이터:

set users '[{ "id": "12", "name": "John Doe"}, { "id": "13", "name": "Jane Smith"}]'

Upstash REST URL 및 토큰을 대체하여 아래와 같이 user.js를 업데이트합니다.

// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
import { Redis } from "@upstash/redis";

const redis = new Redis({
  url: "REPLACE_HERE",
  token: "REPLACE_HERE",
});

export default async function handler(req, res) {
  const data = await redis.get("users");
  res.status(200).json({ users: data });
}

테스트 및 배포

Serverless Cloud 대화형 CLI에서 dev를 실행합니다. . https://localhost:3000/ :

보시다시피 Redis에 저장한 사용자가 나열됩니다.

deploy dev 명령을 사용하여 애플리케이션을 클라우드에 배포합니다. 대화형 CLI에서 Serverless Cloud 대시보드를 사용하여 메트릭 및 애플리케이션 로그를 확인할 수 있습니다.

닫는 말

이 게시물에서는 Serverless Cloud에서 Next.js 애플리케이션을 만들고 Upstash Redis를 데이터 저장소로 사용했습니다.

Discord와 Twitter를 팔로우하세요.