AI Interfaces with Vue, Nuxt, and the AI SDK
Plans from $25/month

This lesson is for members. Join us?

Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!

Bootstrap New Node Project for TypeScript

In this lesson, setup a new Node.js project for following along with the rest of the course. Alternatively, you can skip the lesson and download the boilerplate code. Do note the tsx script that’s been added in package.json for running typescript files with a .env file loaded.

// tsconfig.json
{
  "compilerOptions": {
    "noEmit": true,
    "target": "esnext",
    "module": "nodenext",
    "rewriteRelativeImportExtensions": true,
    "erasableSyntaxOnly": true,
    "verbatimModuleSyntax": true
  },
  "include": ["**/*.ts"],
  "exclude": ["node_modules"]
}

Links

  • Chapter 1

Getting Started with AI SDK v6

Text vs System vs Message PromptsDec 23 2025
Giving LLMs Eyes to See Your ImagesDec 23 2025
Getting Usage Data with the AI SDKDec 23 2025
Prompt Caching with the AI SDKDec 23 2025
Generate Structured Data (Objects, Arrays, etc) with the AI SDKDec 30 2025
Describe Object Properties for More ControlDec 30 2025
Steaming Text and Objects with the AI SDKDec 30 2025
Generating Images with the AI SDKComing Soon
Tool Calling with the AI SDKComing Soon
Community Tools for Common Plug-and-Play FunctionalityComing Soon
Model Context Protocol with the AI SDKComing Soon
NEXT CHAPTER