What testing frameworks are supported?

It includes specialized configurations and testing strategies for Vitest and MSW (Mock Service Worker).

Are there deployment guides included?

Yes, it features Docker multi-stage build configurations optimized for Next.js standalone output and GCP Cloud Run deployment.

Can I use this for UI and styling?

Absolutely, it includes comprehensive guides and best practices for Tailwind CSS v4 and shadcn/ui integration.

Does this skill support the latest React features?

Yes, it specifically covers React 19 features including Actions, useActionState, and the new ref as prop pattern.

Does it provide database support?

Yes, the skill provides patterns for Prisma ORM, including schema migrations and type-safe querying with PostgreSQL.

Next.js 16 & React 19 Development

Name: Next.js 16 & React 19 Development
Author: sumik5

bysumik5

•

디자인 도구

Guides developers through building modern web applications using Next.js 16, React 19, and the App Router architecture with a focus on type safety and performance.

This skill provides a comprehensive framework for developing full-stack applications with the latest web standards, offering domain-specific guidance on Server Components, React 19 Actions, and Tailwind CSS v4. It streamlines the development lifecycle by providing standardized project structures, strict TypeScript configurations, and production-ready deployment patterns for GCP and Docker. Whether starting a new project or optimizing an existing one, this skill ensures adherence to SOLID principles, TDD, and secure coding practices within the Next.js ecosystem.

주요 기능

011 GitHub stars

02Comprehensive Next.js 16 App Router and Server Components guidance

03Implementation patterns for React 19 features like Actions and useActionState

04Strict TypeScript 5.9 configuration and zero-any type safety enforcement

05Integrated styling workflows for Tailwind CSS v4 and shadcn/ui

06Full-stack patterns for Prisma ORM, Vitest testing, and Dockerized deployment

사용 사례

01Bootstrapping high-performance web projects with the latest Next.js and React versions

02Migrating legacy React applications to the modern App Router and Server Components architecture

03Implementing enterprise-grade type safety and automated testing in a Next.js environment

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sumik5/dotfiles developing-nextjs

For use in Claude.ai and ChatGPT

Download Skill