Xây dựng ứng dụng Next.js với Serverless Cloud & Upstash Redis – Hướng dẫn bắt đầu nhanh

Serverless Cloud là một nền tảng backend từ đội ngũ tạo ra Serverless Framework. Nó cung cấp runtime đám mây, CLI và SDK trong một nền tảng duy nhất để tăng năng suất nhà phát triển. Trong bài viết này, chúng ta 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

Trước tiên, khởi tạo 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 được tạo.

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

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

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

Cập nhật user.js như dưới đây thay thế Upstash REST URL và Token:

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

Kiểm tra và triển khai

Trong Serverless Cloud interactive CLI, chạy dev. Bạn cần thấy gì đó như dưới đây trên https://localhost:3000/:

Như bạn thấy, các user bạn lưu trong Redis được liệt kê.

Triển khai ứng dụng lên đám mây với lệnh: deploy dev trong interactive CLI. Bạn có thể kiểm tra metrics và log ứng dụng sử dụng Serverless Cloud dashboard

Kết luận

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

Theo dõi chúng tôi trên Discord và Twitter.