> ## 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>