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.