{"id":18470958,"url":"https://github.com/moonhighway/ai-with-react-and-next-js","last_synced_at":"2025-04-16T01:28:35.911Z","repository":{"id":244102654,"uuid":"814276823","full_name":"MoonHighway/ai-with-react-and-next-js","owner":"MoonHighway","description":"Getting started with AI in Next.js apps ","archived":false,"fork":false,"pushed_at":"2024-10-10T22:16:31.000Z","size":85,"stargazers_count":8,"open_issues_count":0,"forks_count":6,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-29T03:32:01.979Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/MoonHighway.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-12T17:24:06.000Z","updated_at":"2025-03-14T14:38:40.000Z","dependencies_parsed_at":"2024-06-12T23:38:43.185Z","dependency_job_id":"1c0d1866-03f5-4554-96a9-91f7aecb2e8e","html_url":"https://github.com/MoonHighway/ai-with-react-and-next-js","commit_stats":null,"previous_names":["moonhighway/ai-react","moonhighway/ai-with-react-and-next-js"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoonHighway%2Fai-with-react-and-next-js","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoonHighway%2Fai-with-react-and-next-js/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoonHighway%2Fai-with-react-and-next-js/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/MoonHighway%2Fai-with-react-and-next-js/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/MoonHighway","download_url":"https://codeload.github.com/MoonHighway/ai-with-react-and-next-js/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":249182160,"owners_count":21226017,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-06T10:15:21.803Z","updated_at":"2025-04-16T01:28:35.884Z","avatar_url":"https://github.com/MoonHighway.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AI for React Developers\n\nKnowledge of AI tooling is critical for future proofing the careers of React developers, and the Vercel suite of AI tools is an approachable on-ramp. In this course, we’ll take a closer look at the Vercel AI SDK and how this can help React developers build streaming interfaces with JavaScript and Next.js.\n\n## Workshop Installation Instructions\n\nBefore you attend, it would be good to make sure you have the following:\n\n1. This repo cloned or downloaded.\n2. A code editor of some sort.\n3. [Node.js version 20+](https://nodejs.org/en)\n4. Optional: An [OpenAI API Key](https://openai.com/index/openai-api/). I'll share one that you can use during the workshop if you'd prefer.\n\n## Instructor Info\n\n- Eve Porcello, eve@moonhighway.com, [@eveporcello](https://x.com/eveporcello)\n\n## Topics\n\n- Understanding AI in Node Projects\n- Choosing a LLM\n- Creating a React Project with Next.js\n- Customizing Streaming Interfaces\n- Building Routes\n- Creating and Generating Components\n- Using Hooks (useChat, useCompletion, useActions, etc)\n\n## Slides\n\n- [Slide Deck](https://www.canva.com/design/DAGH9QpxXh0/DgEc63sNlUWp2wBmMLxqYA/view)\n\n## AI In Node Projects\n\n- [Generating an API Key](https://platform.openai.com/api-keys)\n- [Available Models](https://platform.openai.com/docs/models/overview)\n- [Example Prompts](https://platform.openai.com/docs/examples)\n\n## Assistants\n\n- [Assistants API Docs](https://platform.openai.com/docs/assistants/overview)\n- [Assistants UI](https://platform.openai.com/assistants)\n\n## Next + AI\n\n- [Vercel AI Core](https://sdk.vercel.ai/docs/ai-sdk-core): Text generation, structured objects, tools with LLMs\n- [Vercel AI SDK UI](https://sdk.vercel.ai/docs/ai-sdk-ui): Hooks for building chat interfaces\n- [Vercel AI RSC](https://sdk.vercel.ai/docs/ai-sdk-rsc): Specific tools for React Server Component Architecture\n- [AI SDK Providers](https://sdk.vercel.ai/providers/ai-sdk-providers)\n\n## Copilot Kit\n\n- [Copilot Kit Docs](https://www.copilotkit.ai/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoonhighway%2Fai-with-react-and-next-js","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmoonhighway%2Fai-with-react-and-next-js","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmoonhighway%2Fai-with-react-and-next-js/lists"}