> ## Documentation Index
> Fetch the complete documentation index at: https://docs.insforge.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# InsForge 食譜和框架示例

> 瀏覽 Next.js、React、Vue、Nuxt 和 Svelte 的 InsForge 示例，加上 AI 提示、設置指南和社群專案以構建全棧應用程式。

針對使用 InsForge 進行構建的一系列實用示例和指南 - 使用 PostgreSQL、身份驗證、儲存、AI 和無伺服器函數構建全棧應用程式的最快方式。

## 快速開始

要開始使用本食譜中的任何示例：

1. **瀏覽示例** - 查找與您需求匹配的框架或用例
2. **按照指南** - 每個示例都包括 AI 提示和設置說明
3. **獲取程式碼** - 查看 AI 為您生成的內容
4. **構建和自訂** - 將示例用作專案的起點

## 內部內容

### 框架指南

展示如何使用流行框架和 AI 工具使用 InsForge 進行構建的現成指南。

<CardGroup cols={2}>
  <Card title="Next.js" icon="https://mintcdn.com/insforge-468ccf39/214YR-PipW-bJ_2V/images/logos/nextjs.svg?fit=max&auto=format&n=214YR-PipW-bJ_2V&q=85&s=b3b064e9ba89930295b8c68301ee0833" href="/examples/framework-guides/nextjs" width="24" height="24" data-path="images/logos/nextjs.svg">
    使用 AI 提示構建 Next.js 應用程式
  </Card>

  <Card title="React" icon="https://mintcdn.com/insforge-468ccf39/214YR-PipW-bJ_2V/images/logos/react.svg?fit=max&auto=format&n=214YR-PipW-bJ_2V&q=85&s=58f81cce1d183a06b477418dcfaa724b" href="/examples/framework-guides/react" width="24" height="24" data-path="images/logos/react.svg">
    使用 AI 提示構建 React 應用程式
  </Card>

  <Card title="Vue" icon="https://mintcdn.com/insforge-468ccf39/214YR-PipW-bJ_2V/images/logos/vue.svg?fit=max&auto=format&n=214YR-PipW-bJ_2V&q=85&s=b63dbd5b69cda1c8f783329f9c6192cc" href="/examples/framework-guides/vue" width="24" height="24" data-path="images/logos/vue.svg">
    使用 AI 提示構建 Vue 應用程式
  </Card>

  <Card title="Nuxt" icon="https://mintcdn.com/insforge-468ccf39/214YR-PipW-bJ_2V/images/logos/nuxt.svg?fit=max&auto=format&n=214YR-PipW-bJ_2V&q=85&s=1bc2b36f9152cd6a8b57cb7b448a7f7a" href="/examples/framework-guides/nuxt" width="24" height="24" data-path="images/logos/nuxt.svg">
    使用 AI 提示構建 Nuxt 應用程式
  </Card>

  <Card title="Svelte" icon="https://mintcdn.com/insforge-468ccf39/214YR-PipW-bJ_2V/images/logos/svelte.svg?fit=max&auto=format&n=214YR-PipW-bJ_2V&q=85&s=a14b5f3cb52c360702b2d1f0047ad804" href="/examples/framework-guides/svelte" width="24" height="24" data-path="images/logos/svelte.svg">
    使用 AI 提示構建 Svelte 應用程式
  </Card>
</CardGroup>

### 社群展示

展示 InsForge 真實實現的社群構建應用程式。

<Card title="查看展示" icon="star" href="/showcase">
  探索使用 InsForge 構建的專案
</Card>

***

## 貢獻

有使用 InsForge 構建的專案嗎？我們很樂意展示它！

<CardGroup cols={2}>
  <Card title="GitHub 議題" icon="github" href="https://github.com/InsForge/InsForge/issues">
    提交您的專案或示例
  </Card>

  <Card title="Discord 社群" icon="discord" href="https://discord.com/invite/DvBtaEc9Jz">
    與社群分享您的工作
  </Card>
</CardGroup>