Vercel · Learn
Learn listings from Vercel on TechiSeek. 59 public listings.
- Creating an AI Summary App with Next.js | Vercel Academy (Vercel)Build an AI-powered summary application using Next.js App Router and the Vercel AI SDK. You'll implement text summarization, structured out…
- The Anatomy of shadcn/ui Components (Vercel)Learn to build specialized components that integrate seamlessly with shadcn/ui's design system while providing unique functionality not cov…
- Build Your Own Plugin (Vercel)Build a custom Vercel Workflow plugin for Slack, Stripe, GitHub, or any API you use. Apply everything you've learned to create a production…
- Svelte on Vercel (Vercel)Build production-ready SvelteKit applications on Vercel. Learn deployment, AI integration, workflows, and performance optimization.
- Data Extraction (Vercel)Extraction - Your First AI Script Now that you've learned some theory and got your project setup, it's time to ship some code.
- AI SDK Dev Setup (Vercel)Set up your local dev environment for the Vercel AI SDK: clone repo, install dependencies (pnpm), configure OpenAI API key (.env), and veri…
- Dynamic Routes & Static Generation (Vercel)Use Next.js App Router dynamic routes to create individual product pages. Implement generateStaticParams for static generation at build tim…
- Creating a shadcn Registry File (Vercel)Learn how to package your custom shadcn/ui components as registry items for easy sharing and distribution across projects and teams.
- Slash Commands (Vercel)Create an `/echo` command that demonstrates argument parsing, input validation, and ephemeral responses.
- Remote Components Intro (Vercel)Understand horizontal microfrontends (remote components) and when they make sense.
- Pricing Page with Plans (Vercel)Build a pricing page that fetches subscription tiers from Supabase and displays them with pricing cards.
- AI Elements | Vercel Academy (Vercel)Rebuilding the UI with AI Elements Remember all that custom UI code we just wrote? The manual state management, the scroll behavior, the me…
- Slack Agents on Vercel with the AI SDK (Vercel)Step-by-step course to build, deploy, and run a real Slack bot on Vercel using the AI SDK, with logging, safeguards, and an ops runbook for…
- Text Classification (Vercel)Use `generateText` with `Output.array()` and Zod schemas for reliable text classification.
- Views and App Home (Vercel)Learn how App Home provides a persistent UI for your bot. Create a dashboard with quick action buttons, dynamically update views based on u…
- Model Types and Performance (Vercel)Learn about different model types in the AI SDK: fast models for immediate responses vs reasoning models for complex problem-solving.
- Parallel Steps (Vercel)Refactor the workflow to process resorts as independent parallel steps and use sleep to schedule delayed re-evaluation.
- Building Filesystem Agents (Vercel)Build a filesystem agent that uses bash tools and Vercel Sandbox to explore call transcripts and answer questions.
- Errors and Not Found (Vercel)Implement error.tsx for graceful error handling with a user-facing retry action, customize not-found.tsx for 404s, and understand how error…
- Project Setup (Vercel)Create a Slack Developer Sandbox, initialize from the template, configure and install the app, run the tunnel, and validate end-to-end by D…
- Multi-Step & Generative UI (Vercel)Build chatbots that perform complex tasks requiring multiple tool calls. Manage conversation state and render dynamic Generative UI compone…
- Build Visual Workflow Plugins on Vercel (Vercel)Deploy a visual workflow builder on Vercel and extend it with plugins for the APIs you actually use.
- Monorepo Setup (Vercel)Initialize a Turborepo monorepo ready for multiple applications and shared packages.
- Webhook Workflow (Vercel)Build a webhook-triggered workflow that accepts HTTP POST requests and processes them durably.
- Automatic Summarization (Vercel)Implement one-click summarization using `generateText` with `Output.object()`. Create concise summaries on demand with structured outputs.
- Assistant Context (Vercel)Learn how Slack AI Assistants maintain context across conversations. Implement handlers for thread lifecycle events that track context chan…
- Modern Next.js Setup (Vercel)Create a modern Next.js 16 application from scratch with TypeScript, Tailwind CSS, and shadcn/ui components.
- Builders Guide to the AI SDK (Vercel)Build production-ready AI features with the AI SDK & Next.js. Learn LLMs, prompting, extraction, streaming, & more.
- Status Communication (Vercel)Learn to eliminate dead air with always-on status communication. Implement status updates that flow continuously during tool operations, co…
- Production Patterns with next-forge (Vercel)Explore next-forge, Vercel's production-ready Turborepo starter, to see how all the patterns you've learned come together in a real enterpr…
- Production Monorepos with Turborepo (Vercel)Build a production monorepo from idea to enterprise scale with Turborepo and Next.js.
- System Prompts (Vercel)Small changes create dramatically different behaviors. Learn to shape responses with structured formats, track costs with token monitoring,…
- Tools and Agents (Vercel)Create tools that extend AI capabilities and build multi-step agents that can chain operations together.
- Next.js Foundations (Vercel)Prepare for the self-paced Foundations workshop. Across four sections you'll build a marketing app and a blog using Next.js and Vercel.
- Error Handling & Loading (Vercel)Add loading.tsx files for Suspense boundaries, handle auth errors gracefully, and create consistent error patterns throughout the applicati…
- Configure Turborepo for Tests (Vercel)Add test task to turbo.json, configure dependencies, configure outputs, and run turbo run test.
- Bolt Middleware (Vercel)Document `createHandler(app, receiver)` and where `LogLevel` is set for both app and receiver.
- Filtering and Details (Vercel)Extend the feedback API with query parameter filtering on the list endpoint and a dynamic route segment for fetching individual entries by…
- Structured Data Extraction (Vercel)Build structured data extraction using Vercel AI SDK `generateText` with `Output.object()` & Zod.
- Proxy and Protected Routes (Vercel)Create a proxy for session management and route protection using Next.js 16's new proxy.ts pattern, replacing the legacy middleware approac…
- Client‑Server Component Boundaries (Vercel)Apply a simple decision model to pick Server or Client Components based on interactivity, browser APIs, data needs, and bundle impact.
- Path Routing Deep Dive (Vercel)Understand how Vercel routes requests to microfrontends and why middleware behavior changes.
- Anatomy of a Primitive (Vercel)Break down the structure of Radix UI primitives to understand how they work together to create complex, accessible components.
- Server and Client Components (Vercel)Learn when components run on the server vs client, how environment variables differ between them, and how to compose Server Components insi…
- UI with v0 | Vercel Academy (Vercel)Learn how Vercel v0 accelerates UI development for AI features. Generate React components (using Shadcn UI & Tailwind) directly from text p…
- Shortcuts and Modals (Vercel)Learn how shortcuts trigger modals from anywhere in Slack. Create a bug report shortcut that collects structured data and posts formatted m…
- Build Snippet List Page (Vercel)Import Button and Card from packages/ui, display mock snippet data, and verify that shared components work perfectly across both apps.
- Anatomy of a Skill (Vercel)Learn the structure of a Claude Code skill including the SKILL.md file, YAML frontmatter, the progressive disclosure system, and folder con…
- Test Caching in Action (Vercel)Run tests twice, see cache hits, modify components to trigger cache miss, and understand test caching benefits.
- Prompting Fundamentals (Vercel)Learn core prompting techniques (Zero-Shot, Few-Shot, Chain-of-Thought) to instruct LLMs. Use the Vercel AI SDK Playground for iteration.