我正在學習 NextJS13,並正在關注 Sonny Sangha 的線上部落格教學「讓我們使用 Next.js 13 建立一個部落格(Sanity v3、TypeScript、Tailwind CSS、Auth、CMS、預覽模式)」。完成本教學後,我想將網站部署到 Vercel,但是我遇到了這個問題:
應用程式/(使用者)/page.tsx 「查詢的頁面匯出欄位無效
相關頁面的具體程式碼如下:
import { groq } from "next-sanity"; import { client } from "../../sanity/lib/client" import BlogList from "../../components/BlogList"; export const query = groq` *[_type == 'post'] { ..., author->, categories[]->, } | order(_createdAt desc) `; export default async function HomePage() { const posts = await client.fetch(query); return ( <BlogList posts = {posts} /> ); }
我嘗試了 getstaticprops 但顯然這在 nextjs13 中已經過時了。並且不知道如何在不匯出查詢的情況下查詢 sanity.io (我第一次使用 nextjs 建立任何東西)。任何幫助將不勝感激。