next

Integrate emulators into Next.js apps for local API testing.

Updated Apr 4, 2026
One-click install
npx skills add https://github.com/roial1092/emulate --skill next-roial1092
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: next
Source: https://github.com/roial1092/emulate/tree/main/skills/next
Command: npx skills add https://github.com/roial1092/emulate --skill next-roial1092

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @emulators/adapter-next, @emulators/github, @emulators/google, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill solves the problem of integrating emulators directly into a Next.js application, enabling local API testing, CI/CD workflows, and same-origin OAuth for Vercel preview deployments.

Core Features & Use Cases

  • Next.js Integration: Embed emulators within a Next.js app for local API testing.
  • OAuth Configuration: Set up same-origin OAuth for Vercel preview deployments.
  • Route Handler Creation: Create catch-all route handlers for emulator traffic.
  • Auth.js/NextAuth Configuration: Configure Auth.js/NextAuth with embedded emulators.
  • Persistence: Add persistence to embedded emulators for state across restarts.
  • Use Case: Use this Skill to create a local API endpoint for testing your Next.js application without relying on external services.

Quick Start

Install the required packages and configure your Next.js app to use the @emulators/adapter-next package.

Frequently Asked Questions about next

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I integrate emulators into a Next.js app for local API testing?▼

You can integrate emulators into a Next.js app for local API testing by installing the @emulators/adapter-next package and configuring catch-all route handlers to manage emulator traffic within your application.

How does same-origin OAuth work for Vercel preview deployments with emulators?▼

Same-origin OAuth for Vercel preview deployments works by configuring Auth.js/NextAuth with embedded emulators, allowing authentication flows to run directly within the Next.js application environment without external redirects.

Can I use catch-all route handlers to manage emulator traffic in Next.js?▼

Yes, you can create catch-all route handlers in Next.js to intercept and route emulator traffic, enabling local API testing and CI/CD workflows directly through your application's routing system.

Do I need the @emulators/adapter-next package to run emulators locally in Next.js?▼

Yes, the @emulators/adapter-next package is required as a dependency to embed emulators within your Next.js application for local development, testing, and CI/CD pipeline integration.

How do I add persistence to embedded emulators for state across restarts?▼

You can add persistence to embedded emulators to maintain state across application restarts, ensuring that local API testing data remains consistent throughout your Next.js development and CI/CD workflows.