Knowledge 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. We’ll also incorporate additional 3rd party APIs to build and deploy a music visualization app.
- Creating a React Project with Next.js
- Choosing a LLM
- Customizing Streaming Interfaces
- Building Routes
- Creating and Generating Components
- Using Hooks (useChat, useCompletion, useActions, etc)
- Give developers the fundamentals to prompt engineering, an important part to crafting successful applications with AI on pre-trained models.
- Effectively understand and use prompt engineering to master techniques.
- Identify and implement real-world web application integrations with AI.
- Utilize prompting with AI as a technique to making decisions for tasks.
- Clone GitHub repo
- Install pnpm if not already
- Obtain OpenAI key and have accessible or saved in a .env file on your computer
You can expect the course to follow this schedule:
| Time | Activity | Length |
|---|---|---|
| 9:00-10:00 | Intro to Prompt Engineering | 1hr |
| 10:00-10:15 | Break | 15min |
| 10:15-10:45 | Lab Activity | 30min |
| 10:45-11:15 | Configuring your AI | 30min |
| 11:15-11:30 | Break | 15min |
| 11:30-12:00 | AI In the Real World | 30min |
| 12:00-12:30 | Lab Activity | 30min |
| 1:00 | End |