skills.rest
ECFN15
ECFN15COMMUNITY
Explore all skills by this author →
GitHub

nextjsssr

Migrate legacy React SPA routes to Next.js App Router SSR and SSG.

Updated May 13, 2026
Search Tags:#nextjs#seo#ssr#app router#react migration#route auditing#spa removal
One-click install
npx skills add https://github.com/ECFN15/secondevienextjsSSR --skill nextjsssr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nextjsssr
Source: https://github.com/ECFN15/secondevienextjsSSR/tree/main/.agents/skills/nextjsssr
Command: npx skills add https://github.com/ECFN15/secondevienextjsSSR --skill nextjsssr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams remove legacy React SPA routing dependencies and migrate public Seconde Vie routes to native Next.js App Router SSR/SSG while preserving existing UI behavior and improving refresh reliability and SEO.

Core Features & Use Cases

  • SPA Residue Auditing: Identifies obsolete public routing paths, ClientApp dependencies, Router.jsx usage, and refresh divergence issues.
  • SSR/SSG Migration Guidance: Supports moving gallery, product, category, and quote surfaces to Next.js App Router patterns with validation steps.
  • Route Verification Workflows: Helps prove migrations through route-specific refresh checks, linting, builds, and mobile marketplace contracts.

Quick Start

Use the nextjsssr skill to audit the public routes in my Next.js application and identify remaining SPA routing dependencies.

Frequently Asked Questions about nextjsssr

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

FAQPage Schema
How do I migrate React SPA routes to Next.js App Router SSR?▼

Migrate React SPA routes to Next.js App Router SSR by auditing legacy routing paths, applying UI-preserving migration steps, verifying the production build, and testing direct-refresh behavior to eliminate SPA dependencies.

Why does my Next.js page lose state on direct refresh after SPA migration?▼

Direct refresh issues in Next.js after SPA migration stem from remaining ClientApp dependencies and Router.jsx usage. Auditing SPA residue and migrating public surfaces to native App Router SSR resolves refresh divergence and ensures reliable routing.

What is SPA residue auditing in a Next.js migration?▼

SPA residue auditing identifies obsolete public routing paths, ClientApp dependencies, Router.jsx usage, and refresh divergence issues during a Next.js migration. It provides the route inventory required to transition legacy React SPA behavior to App Router SSR.

Can I migrate product and category pages to Next.js SSG without changing the UI?▼

You can migrate product and category pages to Next.js SSG without altering the UI by following UI-preserving migration steps. The process supports moving gallery, product, category, and quote surfaces to App Router patterns while maintaining existing visual behavior.

How do I verify a Next.js SSR migration for marketplace routes?▼

Verify a Next.js SSR migration for marketplace routes by executing route-specific refresh checks, linting, and production builds. The workflow includes testing mobile marketplace contracts and validating direct-refresh routing behavior across all migrated public surfaces.

Related Skills

Explore More Software Engineering Skills→
NevaberryNevaberry
22

react-router-knowledge-patch

Provide React Router v7+ guidance for routes, middleware, and Vite integration.

Official
Intermediate
rabbicserabbicse

nextjs-developer

Builds Next.js 14+ apps with App Router, server components, and server actions.

Community
Advanced
omerakbenomerakben
1

vercel-react-best-practices

Apply React and Next.js best practices for performance and maintainability.

Community
Basic
armanzeroeightarmanzeroeight
29

ssr-ssg-advisor

Advise on Next.js rendering strategies for SSR, SSG, ISR, and CSR.

Community
Intermediate