Photo Rights | Zub8eti LLC

Vercel Academy [Part One]

By Salman Hassan [Salman Zuberi Hussain] (Founder/Owner) [Written in First-Person](Unedited)

November 4th, 2025 at 3:46am

Vercel Research

***Age 30.8-80** [Hardcore Computer Science Wiring W/High End Check In] (Not Easy) Computer Science [Vercel/Meta] (Hardcore) [Sharpening Out IP and Wiring as Much as Possible using my resume Zub8eti] (No it’s true promise on oath that I own Zub8eti and made it myself with low community circumstances but high end world-wide pressure). Concepts in the future in my life have to be more of use scaleable as direct upload of content and entertainment there is a watch cost.Unless mainstream lined in the people on disc team don’t like getting used, has to become a sharp mainstream roll. Out of school pressure on top tier here not me as they realized that’s what I’m focused on regardless. For some reason Ivy always doesn’t treat like ivy but we have to move way sharper faster kingdom way here at heart.USA direct thoughts and then later on Ivy investment thats fine as well.* **Need** *Sharp Website Templates [Scaleable Templates]* (As many as possible) [Licensing] *Sharp Mobile Templates [Scaleable Templates]* (As many as possible) [Licensing] **Step** | *User Authentication/2FA, Store Integration, Scaleable System* **Important Assets** *Apple Macbook Pro* *Visual Studio Code* *Vercel [VO Template]* **Introduction** **Analysis** | Helps build around the infrastructure of a corporate tech-based system.API calls are backend calls **Definitions [Sharp Terms]** **AI SDK-** A set of tools for third-party developers to use in producing applications using a particular framework or platform [Artificial Intelligence] **Streaming Responses**- Streaming responses is *a method of delivering data in small, incremental chunks over time instead of waiting for the entire response to be ready* **Managing Tool Calls**- Tool calls are a powerful feature in large language models that enable them to interact with external systems or APIs to fetch information, perform actions, and generally extend their capabilities beyond their internal knowledge **Application Programming Interfaces**- *****sets of protocols and tools that allow different software programs to communicate with each other, acting as a go-between for exchanging data and functions* **Data Extraction Script**- A data extraction script is **a program or set of instructions designed to automatically retrieve or "scrape" structured or unstructured data from various sources Classification System- C**lassification is *a way to organize things into groups based on shared characteristics **Server Actions**- asynchronous functions that run on the server, allowing you to handle operations like form submissions, database mutations, and other data-intensive tasks without writing explicit API routes **asynchronous functions-** allow a program to run other tasks instead of waiting for a long-running operation, such as a network request, to complete* **Zod schemas-** are **a system for creating data validation schemas in TypeScript** Intelligent summarization is **the use of artificial intelligence (AI) and machine learning (ML) techniques to automatically generate a concise, accurate, and contextually relevant summary of a given text, document, or collection of data** **The **AI SDK** is a free open-source library that gives you the tools you need to build AI-powered products. The **AI SDK** is built and maintained by **Vercel**, the creators of **Next.js**. Using the **AI SDK** will save you hours of frustration and help you ship faster than ever before. The **SDK** abstracts away the complexity of **streaming responses,** **managing tool calls**, and handling provider-specific **APIs** so you can focus on building features instead of infrastructure. This course is designed to get you building with the **AI SDK** as quickly as possible, through hands-on examples and practical projects that you can immediately apply to your own work. [**What you'll actually build (hands-on)**](https://vercel.com/academy/ai-sdk#what-youll-actually-build-hands-on) **Progressive Script Development:** - **Data Extraction Script**: Compare **`generateText`** vs **`generateObject`** to understand unstructured vs structured output - **Classification System**: Batch-process support tickets with categories and urgency using **`output: 'array'`** - **Summarization with Server Actions**: Build Next.js Server Actions that condense conversations into actionable insights - **Smart Form Parser**: Extract appointment details from natural language with schema refinement **Production Chatbot (built incrementally):** - **Phase 1**: Basic streaming chat with **`useChat`** and **`streamText`** - **Phase 2**: Professional transformation with AI Elements - one command to add 20+ production components - **Phase 3**: Personality with system prompts - from generic to Steve Jobs to support bot - **Phase 4**: Real-world data with tool calling - connect to weather APIs with proper validation - **Phase 5**: Advanced workflows with **`stepCountIs`** and custom Weather components instead of debug UI https://chat-sdk.dev/ ***How this course teaches*** - **Start with broken code** - See why custom solutions are painful - **Discover better patterns** - Learn through progressive improvements - **Use production tools** - AI Elements, Zod schemas, Server Actions - **Debug real issues** - Handle errors, validate schemas, manage tokens - **Ship working features** - Every lesson produces runnable, useful code **Prerequisites** *[Going to have some hiccups here but with some research can continue to grow and advance growth into tech which leads towards a job]* Before diving in, make sure you're set with: - JavaScript/TypeScript: Comfortable with modern JS syntax and basic TS concepts - React: Familiar with components, hooks, and state management - Git: [**Version control system**](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git) for cloning the starter code - Node.js: [**Latest LTS version**](https://nodejs.org/en/download) (v20 or later recommended) - pnpm: [**Package manager**](https://pnpm.io/installation) used throughout the course - Vercel account: [**Create one for free](https://vercel.com/signup)** ***Build & Learn In This Course*** 1. **Foundations**: Build your first AI-powered data extraction script using **`generateText()`** and **`generateObject()`** 2 **Invisible AI**: Build AI features that work behind the scenes - auto-classification, summarization, and structured extraction 3.**Conversational AI**: Build a full-featured chatbot with streaming responses, system prompts, tool calling, and generative UI **Section 1: Foundations LLM Concepts**: Understand how **LLMs work** as **APIs** and the power of structured vs unstructured output **Prompting Techniques**: Practice Zero-Shot, Few-Shot, and Chain-of-Thought in the **AI SDK Playground** **Dev Environment Setup**: Configure your project with **API keys** and proper tooling **Hands-On Data Extraction**: Build working scripts that demonstrate **`generateText`** vs **`generateObject`** patterns **Model Selection**: Create a comparison tool to understand fast vs reasoning models and their UX impact **Section 2: Invisible AI Smart Classification**: Automatically categorize support tickets, user feedback, and content using **`generateObject`** with Zod schemas **Intelligent Summarization**: Build Next.js Server Actions that condense long conversations into actionable insights **Data Extraction**: Parse natural language into structured calendar events and forms with schema refinement techniques **UI Integration**: Use Vercel v0 to generate and integrate professional React components that display your AI-generated data **Section 3: Conversational AI Basic Chat Foundation**: Build streaming chat interfaces using **`streamText`** and **`useChat`** with proper error handling **Professional UI Transformation**: Experience the power of [**AI Elements**](https://ai-sdk.dev/elements/overview) to instantly upgrade from basic chat to professional interfaces **Personality & Context**: Implement system prompts to give your AI consistent behavior and voice **External Integration**: Connect your chatbot to real-world data through tool calling with weather APIs and proper validation **Advanced Workflows**: Build multi-step conversations and generative UI that renders dynamic React components based on AI responses **Large Language Models: An API for Builders [**A large language model (LLM) is **a type of artificial intelligence that uses a deep learning architecture, like the Transformer model, to understand and generate human-like text]** Let’s take a look at some code that programmatically generates an LLM response using the AI SDK and OpenAI’s GPT-4.1 model. ****