ลองพูดว่า “ใช้ Next.js 16 เพิ่มการตรวจสอบที่ส่งผู้เข้าชมที่ยังไม่ล็อกอินไปที่ /login” Manus จะค้นหาไลบรารีและเวอร์ชันนั้นใน Context7 อ่านเอกสารและตัวอย่างโค้ดล่าสุด แล้วเขียนโค้ดตามนั้น วางข้อความแสดงข้อผิดพลาด แล้วมันจะตรวจสอบว่า API นี้ทำงานอย่างไรในตอนนี้ บอกคุณว่ามีอะไรเปลี่ยนไปและจะแก้อย่างไร ใส่เลขเวอร์ชันในพรอมต์เพื่อดึงเอกสารของเวอร์ชันนั้น หรือระบุชื่อไลบรารี ID เช่น /supabase/supabase เพื่อเข้าถึงตรงจุดเลย
ใช้ Next.js 16 เพิ่มการตรวจสอบที่ส่งผู้เยี่ยมชมที่ยังไม่ล็อกอินไปยัง /login
ส่งผู้เยี่ยมชมที่ออกจากระบบไปที่ /login
แหล่งที่มา: github.com/vercel/next.js · docs
ใน Next.js 16 ไฟล์ middleware มีชื่อว่า proxy.ts และจะ export ฟังก์ชันชื่อ proxy
import { NextResponse } from 'next/server'import type { NextRequest } from 'next/server'export function proxy(request: NextRequest) { if (!request.cookies.has('session')) { const login = new URL('/login', request.url) return NextResponse.redirect(login) }}เขียน proxy.ts จากสนิพเพตนี้
ระบุชื่อไลบรารีและเวอร์ชันในพรอมต์ของคุณ Manus จะค้นหาเวอร์ชันนั้นใน Context7 อ่านเอกสารและตัวอย่างโค้ด แล้วเขียนโค้ดให้ตรงกัน
ระบุเวอร์ชันในพรอมต์ของคุณ เช่น React 19 หรือ Next.js 16 แล้ว Context7 จะจับคู่กับเอกสารของเวอร์ชันนั้น
ถ้าคุณรู้ ID เช่น /supabase/supabase ให้ใส่ไว้ในพรอมต์ Manus จะไปที่เอกสารของไลบรารีนั้นทันทีโดยไม่ต้องค้นหาก่อน
Context7 ทำงานสองขั้นตอน ขั้นแรกค้นหาไลบรารีและเวอร์ชันที่มี จากนั้นอ่านเอกสารและตัวอย่างโค้ดที่ตอบคำถามของคุณ แต่ละตัวอย่างมีลิงก์ไปยังแหล่งที่มา
ลองถามว่าฟังก์ชันหนึ่งรับอาร์กิวเมนต์อย่างไรในตอนนี้ หรือออปชันเก่าถูกแทนที่ด้วยอะไร Manus จะตอบจากข้อมูลโค้ดและแสดงที่มาให้ด้วย
วางข้อความแสดงข้อผิดพลาด แล้วบอกว่าคุณใช้เวอร์ชันไหน Manus จะค้นว่า API นั้นทำงานอย่างไรในเวอร์ชันของคุณ บอกว่ามีอะไรเปลี่ยนไป แล้วเขียนบรรทัดที่พังใหม่ให้
Manus จะตรวจสอบเอกสารของเวอร์ชันที่คุณระบุ อธิบายสั้นๆ ว่ามีอะไรเปลี่ยนไป และเขียนใหม่เฉพาะบรรทัดที่ต้องแก้
ก่อนอัปเกรด ให้ถามถึงทั้งสองเวอร์ชัน Manus จะอ่านเอกสารของแต่ละเวอร์ชันและสรุปสิ่งที่เปลี่ยนแปลง พร้อมระบุเอกสารที่ใช้อ้างอิง
รับตารางที่บอกว่าอะไรต้องเปลี่ยนชื่อและอะไรทำงานต่างออกไป ให้ Manus ตัดส่วนที่เอกสารไม่ได้แสดงออก เพื่อให้รายการไม่มีการเดา
เอกสารของ Context7 ช่วยนำทางงานที่ใหญ่ขึ้นได้ ไม่ว่าจะเป็นเว็บแอปใหม่ การเปลี่ยนแปลงใน repository ของคุณ หรือทุกงานในโครงการ
ให้ Manus ตรวจสอบ Context7 สำหรับแต่ละไลบรารีที่ใช้ เพื่อให้เว็บแอปใหม่เริ่มต้นด้วย API ของเวอร์ชันเหล่านั้นที่เป็นปัจจุบัน
สร้างและเผยแพร่เว็บแอปถ้าเชื่อมต่อ GitHub ด้วย Manus จะทำการเปลี่ยนแปลงในรีโพของคุณ และเปิด pull request ที่ระบุเอกสารที่ใช้อ้างอิง
ดูตัวเชื่อมต่อ GitHubใส่กฎนี้ไว้ในคำแนะนำของโปรเจกต์ คำแนะนำที่ใช้ร่วมกันจะชี้นำทุกงานใหม่ในโปรเจกต์นั้น คุณจึงไม่ต้องพูดซ้ำอีก
ดูวิธีใช้งาน ProjectsContext7 อยู่ใน Connectors ของ Manus แล้ว เชื่อมต่อครั้งเดียว และทุกงานสามารถค้นหาเอกสารไลบรารีล่าสุดก่อนเขียนโค้ด
ใน Manus ให้เปิด Connectors เลือก Context7 แล้วเลือก เชื่อมต่อ
Context7 อยู่ในรายการ Connectors แล้ว ไม่ต้องติดตั้งเซิร์ฟเวอร์และไม่ต้องวาง URL ทำตามขั้นตอนบนหน้าจอให้เสร็จ
ระบุชื่อไลบรารี และเวอร์ชันด้วยหากสำคัญ เพิ่มคำว่า “use Context7” เมื่อต้องการให้ Manus ตรวจสอบเอกสารก่อนเขียนโค้ด
คุณไม่ต้องติดตั้งอะไรหรือกรอก URL เซิร์ฟเวอร์ Context7 มีอยู่แล้วใน Connectors ของ Manus: เปิด Connectors เลือก Context7 เลือก เชื่อมต่อ แล้วทำตามขั้นตอนบนหน้าจอ Manus ไม่ได้ระบุให้ Context7 เป็นตัวเชื่อมต่อที่ต้องตั้งค่าเพิ่มเติม และหน้าตัวเชื่อมต่อของมันก็ไม่ได้ขอ API key ของ Context7 เมื่อเชื่อมต่อแล้ว ให้ระบุชื่อไลบรารีและเวอร์ชันในงานใดก็ได้
ไลบรารีที่ถูกเพิ่มเข้าไปใน Context7 เช่น Next.js, React และ Supabase ชุมชนและผู้ดูแลไลบรารีเป็นผู้เพิ่มเข้ามา ผลการค้นหาจะแสดงแต่ละรายการพร้อม library ID จำนวนตัวอย่างโค้ด และเวอร์ชันที่มี หากไลบรารีนั้นไม่มีอยู่ การค้นหาก็จะไม่พบผลลัพธ์ที่ตรง และคุณสามารถให้ Manus ไปอ่านเว็บไซต์เอกสารของไลบรารีนั้นแทนได้
ได้ ใส่เวอร์ชันลงในพรอมต์ของคุณ เช่น “Next.js 16” แล้ว Context7 จะจับคู่กับเวอร์ชันนั้น คุณยังสามารถระบุ library ID ที่มีเวอร์ชันอยู่ด้วย เช่น /vercel/next.js/v16.2.9 หากต้องการตรวจสอบว่าใช้เวอร์ชันไหน ให้ลองให้ Manus บอกชื่อ library ID ที่มันค้นหามา
ไม่เสมอไปครับ/ค่ะ เอกสารใน Context7 มาจากคอมมูนิตี้และเจ้าของไลบรารี และ Context7 ก็ระบุว่าไม่สามารถรับประกันได้ว่าทุกไลบรารีจะสมบูรณ์หรือถูกต้องเสมอไป ตัวอย่างโค้ดแต่ละชิ้นที่ส่งคืนมาจะมีลิงก์ไปยังแหล่งที่มา ดังนั้นลองให้ Manus แสดงโค้ดตัวอย่างและลิงก์ที่ใช้ แล้วตรวจสอบสิ่งที่สำคัญด้วยตัวคุณเองอีกครั้ง
หากไม่มีการค้นหาข้อมูล AI จะเขียนจากสิ่งที่เรียนรู้ตอนฝึกฝน ซึ่งอาจเก่ากว่าเวอร์ชันที่คุณใช้อยู่ นี่คือสาเหตุที่ API ที่เปลี่ยนชื่อหรือถูกลบไปแล้วปรากฏอยู่ในโค้ดใหม่ เมื่อเชื่อมต่อ Context7 แล้ว Manus จะอ่านเอกสารปัจจุบันสำหรับเวอร์ชันของคุณก่อน แล้วจึงเขียนโค้ด
เครื่องมือทั้งสองของมันรับแค่ชื่อหรือ ID ของไลบรารี คำถามสั้น ๆ และภาษาโปรแกรม (ถ้ารู้) ไม่รับไฟล์หรือรีโพของคุณ คำถามจะถูกส่งไปที่ Context7 เพื่อหาเอกสารที่ถูกต้อง และคำสั่งของเครื่องมือก็บอกให้ AI ไม่ใส่ API key รหัสผ่าน ข้อมูลส่วนตัว และโค้ดส่วนตัวเข้าไปด้วย
มี Context7 กำหนดอัตราการเรียกค้นข้อมูลไว้ และเครื่องมือของมันก็บอกให้ AI เรียกได้ไม่เกินสามครั้งต่อหนึ่งคำถาม การระบุชื่อไลบรารีและเวอร์ชันไว้ล่วงหน้าจะช่วยให้การค้นแต่ละครั้งเจอเอกสารที่ถูกต้องตั้งแต่ครั้งแรก