Bắt đầu với Serverless Cloud, Next.js và Upstash Redis

Serverless Cloud là một nền tảng phụ trợ từ nhóm đã tạo ra Serverless Framework . Nó cung cấp thời gian chạy đám mây, CLI và SDK trong một nền tảng duy nhất để tăng năng suất của nhà phát triển. Trong bài đăng này, chúng tôi sẽ xây dựng một ứng dụng Next.js đọc dữ liệu từ Serverless Redis (Upstash) và triển khai nó lên Serverless Cloud.

Thiết lập

Đầu tiên hãy khởi chạy Serverless Cloud với: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.

Chọn Next.js làm mẫu để một dự án Next.js mới sẽ được tạo.

Trong thư mục dự án, cài đặt ứng dụng khách Upstash Redis:npm install @upstash/redis

Tạo cơ sở dữ liệu Redis bằng Upstash Console. Sử dụng chèn CLI users dữ liệu như sau:

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

Cập nhật user.js như bên dưới thay thế URL và mã thông báo Upstash REST:

// 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 });
}

Kiểm tra và Triển khai

Trong CLI tương tác với Serverless Cloud, hãy chạy dev . Bạn cần thấy một cái gì đó giống như bên dưới trên https:// localhost:3000 /:

Khi bạn thấy những người dùng mà bạn lưu trữ trong Redis được liệt kê.

Triển khai ứng dụng của bạn lên đám mây bằng lệnh:deploy dev trong CLI tương tác. Bạn có thể kiểm tra các chỉ số và nhật ký ứng dụng bằng cách sử dụng bảng điều khiển Serverless Cloud

Các từ đóng

Trong bài đăng này, chúng tôi đã tạo ứng dụng Next.js trên Serverless Cloud và sử dụng Upstash Redis làm nơi lưu trữ dữ liệu.

Theo dõi chúng tôi trên Twitter Discordand.