Skills
.Work. You
Rest

sdcorejs-testing-e2e-nextjs

Community

Ship SSR-ready Next.js Playwright E2E tests

Software Engineering#nextjs#playwright#e2e testing#seo#ssr#og image#i18n routing
Authorsdcorejs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Prevents unnoticed production regressions in a Next.js landing site by validating SSR output, locale-prefixed routing, and user flows end-to-end.

Core Features & Use Cases

  • SSR-aware page acceptance: Asserts against raw server-rendered HTML before hydration to catch “works in dev, blank in prod” issues.
  • Locale-prefixed coverage (VI/EN): Executes smoke checks across /vi/... and a subset on /en/..., including locale switcher URL correctness.
  • Contact form E2E correctness: Covers happy path submission, validation errors, and the rate-limit security gate without real side effects.
  • SEO and social verification: Checks sitemap.xml, robots.txt, JSON-LD presence, unique <title>/metadata expectations, and OG image rendering (head meta + real image fetch).

Quick Start

Use this skill to write Playwright E2E tests by matching it to a request like “viết e2e nextjs cho landing contact”, then run the resulting npx playwright test against your build/start server (optionally via CI=1 and a staging E2E_BASE_URL).

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: sdcorejs-testing-e2e-nextjs
Download link: https://github.com/sdcorejs/sdcorejs-agent/archive/main.zip#sdcorejs-testing-e2e-nextjs

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.