Skill

Community

vercel-migration-deep-dive

1.2K

Description

Execute Vercel major re-architecture and migration strategies with strangler fig pattern. Use when migrating to or from Vercel, performing major version upgrades, or re-platforming existing integrations to Vercel. Trigger with phrases like "migrate vercel", "vercel migration", "switch to vercel", "vercel replatform", "vercel upgrade major".

AI Summary

Executes Vercel major re-architecture and migration strategies using strangler fig pattern.

Install

Add the repository(one-time)

/plugin marketplace add jeremylongshore/claude-code-plugins-plus-skills

Install the plugin

/plugin install vercel-pack@claude-code-plugins-plus

Tool Access

This skill is limited to using the following tools:

ReadWriteEditBash(npm:*)Bash(node:*)Bash(kubectl:*)

Supporting Assets

View in Repository

references/errors.md

references/examples.md

references/implementation-plan.md

references/pre-migration-assessment.md

Skill Content

Vercel Migration Deep Dive

Prerequisites

Current system documentation
Vercel SDK installed
Feature flag infrastructure
Rollback strategy tested

Instructions

Step 1: Assess Current State

Document existing implementation and data inventory.

Step 2: Build Adapter Layer

Create abstraction layer for gradual migration.

Step 3: Migrate Data

Run batch data migration with error handling.

Step 4: Shift Traffic

Gradually route traffic to new Vercel integration.

Output

Migration assessment complete
Adapter layer implemented
Data migrated successfully
Traffic fully shifted to Vercel

Error Handling

See {baseDir}/references/errors.md for comprehensive error handling.

Examples

See {baseDir}/references/examples.md for detailed examples.

Resources

Links

GitHub Stats

154 forks

Updated 29 days ago

Similar Skills

cache-components

Expert guidance for Next.js Cache Components and Partial Prerendering (PPR). **PROACTIVE ACTIVATION**: Use this skill automatically when working in Next.js projects that have `cacheComponents: true` in their next.config.ts/next.config.js. When this config is detected, proactively apply Cache Components patterns and best practices to all React Server Component implementations. **DETECTION**: At the start of a session in a Next.js project, check for `cacheComponents: true` in next.config. If enabled, this skill's patterns should guide all component authoring, data fetching, and caching decisions. **USE CASES**: Implementing 'use cache' directive, configuring cache lifetimes with cacheLife(), tagging cached data with cacheTag(), invalidating caches with updateTag()/revalidateTag(), optimizing static vs dynamic content boundaries, debugging cache issues, and reviewing Cache Component implementations.

cache-components

137.4k

frontend-design

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

frontend-design

63.8k

Writing Hookify Rules

This skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.

hookify

63.8k

vercel-migration-deep-dive | vercel-pack | ClaudePluginHub