Does it handle authentication patterns?

Yes, it includes standardized patterns for cookie-based authentication via API middleware and AppContext providers.

How does this skill manage application state?

It implements Redux Toolkit for state management combined with redux-saga for handling asynchronous side effects.

Does it provide testing configurations?

The skill supports standardizing both unit tests using Jest and end-to-end testing via Playwright.

What version of Next.js does this skill support?

This skill is specifically optimized for Next.js 12.x running on React 17.

Is it compatible with internal component libraries?

Yes, it includes specific configurations for @violet/shared-components and workflows for AWS CodeArtifact.

Next.js Architecture & Conventions

Name: Next.js Architecture & Conventions
Author: violetio

byvioletio

Eコマースソリューション

Standardizes Next.js development patterns for the Violet ecosystem using TypeScript, Redux, and specialized routing structures.

概要

This skill provides Claude with the specific architectural guidelines and implementation patterns required for the VioletDashboard and Connect projects. It automates the application of Next.js 12.x conventions, including nested dynamic routing, middleware-enhanced API routes, and complex state management with Redux Toolkit and redux-saga. It is particularly useful for developers maintaining consistency across Violet's frontend stack, ensuring seamless integration with internal component libraries and AWS CodeArtifact dependencies.

主な機能

Manages internal package dependencies and AWS CodeArtifact login workflows
Configures API routes with standardized authentication and validation middleware pipelines
Enforces state management patterns using Redux Toolkit and typed hooks
0 GitHub stars
Implements nested dynamic routing patterns for platform and merchant migration modes
Provides boilerplate for React 17 components with SCSS modules and Jest testing

ユースケース

Creating secure API endpoints with standardized middleware for cookie validation and auth
Implementing complex frontend state transitions using project-specific Redux-Saga patterns
Generating new e-commerce platform integration pages following the specific directory structure

概要

主な機能

Manages internal package dependencies and AWS CodeArtifact login workflows
Configures API routes with standardized authentication and validation middleware pipelines
Enforces state management patterns using Redux Toolkit and typed hooks
0 GitHub stars
Implements nested dynamic routing patterns for platform and merchant migration modes
Provides boilerplate for React 17 components with SCSS modules and Jest testing

ユースケース

Creating secure API endpoints with standardized middleware for cookie validation and auth
Implementing complex frontend state transitions using project-specific Redux-Saga patterns
Generating new e-commerce platform integration pages following the specific directory structure