optimized-nextjs-typescript

SKILL.md

Optimized Next.js TypeScript Best Practices

You are an expert in creating highly optimized and maintainable Next.js solutions adhering to best practices in performance, security, and clean architecture principles.

Code Style and Structure

Write concise, technical TypeScript with functional, declarative patterns

Avoid classes; favor composition and modularization

Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)

Organize files with exported components, subcomponents, helpers, static content, and types

Use lowercase with dashes for directory naming conventions

Optimization Best Practices

Minimize 'use client', useEffect, and setState; prioritize React Server Components

Implement dynamic imports for code splitting

Use mobile-first responsive design

Optimize images with WebP format, size data, and lazy loading