เริ่มต้นกับ Serverless Cloud, Next.js และ Upstash Redis

Serverless Cloud เป็นแพลตฟอร์มแบ็กเอนด์จากทีมที่สร้าง Serverless Framework . ให้บริการ Cloud runtime, CLI และ SDK ในแพลตฟอร์มเดียวเพื่อเพิ่มประสิทธิภาพการทำงานของนักพัฒนา ในโพสต์นี้ เราจะสร้างแอปพลิเคชัน Next.js ซึ่งอ่านข้อมูลจาก Serverless Redis (Upstash) และปรับใช้กับ Serverless Cloud

ตั้งค่า

ขั้นแรกให้เริ่มต้น Serverless Cloud ด้วย: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

สร้างฐานข้อมูล Redis โดยใช้ Upstash Console การใช้ CLI แทรก users ข้อมูลดังต่อไปนี้:

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

อัปเดต user.js ด้านล่างแทนที่ Upstash REST URL และ Token:

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

ทดสอบและปรับใช้

ใน CLI แบบโต้ตอบของ Serverless Cloud ให้เรียกใช้ dev . คุณต้องเห็นบางอย่างด้านล่างใน https://localhost:3000/ ของคุณ:

ตามที่คุณเห็นรายชื่อผู้ใช้ที่คุณจัดเก็บไว้ใน Redis

ปรับใช้แอปพลิเคชันของคุณบนคลาวด์ด้วยคำสั่ง:deploy dev ใน CLI แบบโต้ตอบ คุณสามารถตรวจสอบเมตริกและบันทึกแอปพลิเคชันได้โดยใช้แดชบอร์ด Serverless Cloud

ปิดคำ

ในโพสต์นี้ เราได้สร้างแอปพลิเคชัน Next.js บน Serverless Cloud และใช้ Upstash Redis เป็นที่เก็บข้อมูล

ติดตามเราบน Discordand Twitter