هوش مصنوعی برای توسعه دهندگان React

مقدمه Introduction

• تنظیم محیط خود Setting up your environment

• آنچه شما باید بدانید What you should know

• ایجاد رابط‌های کاربری جریانی مبتنی بر هوش مصنوعی با React Creating AI-powered streaming UIs with React

1. AI و Next.js 1. AI and Next.js

• ایجاد یک مسیر API Creating an API route

• ایجاد پروژه Next.js Generating a Next.js project

• کار با AI SDK Working with the AI SDK

• پیکربندی کلید Open AI API Configuring an Open AI API key

• با استفاده از قلاب useCompletion Using the useCompletion hook

2. ایجاد رابط کاربری 2. Creating a UI

• رسیدگی به حالت های بارگیری Handling loading states

• کار با قلاب useChat Working with the useChat hook

• ایجاد یک رابط کاربری با React State Creating a UI with React state

• ساخت اکشن سرور Building a server action

• پخش جریانی داده با React Streaming data with React

3. تولید داده های ساخت یافته 3. Generating Structured Data

• تولید اشیاء ساکن Generating static objects

• پخش جریانی اشیاء تولید شده Streaming generated objects

• پخش جریانی اجزا با اقدامات سرور Streaming components with server actions

• مدیریت جریان های اشیاء Handling object streams

• رندر کردن اجزای جریانی Rendering streamed components

• برگرداندن اشیا به مشتری Returning objects on the client

4. سایر ابزارهای Vercel 4. Other Vercel Tools

• راه حل: ایجاد یک رابط کاربری جدید Solution: Generating a new UI

• معرفی v0 Introducing v0

• چالش: ایجاد یک رابط کاربری جدید Challenge: Generating a new UI

• تولید کامپوننت UI با v0 Generating a UI component with v0

• ایجاد یک رابط کاربری کامل با v0 Creating a full UI with v0

نتیجه گیری Conclusion

• کاوش در اسناد هوش مصنوعی Vercel و مراحل بعدی Exploring Vercel's AI documentation and next steps