Skills

nextjs-react-typescript

Installation
Summary

Expert guidance for building Next.js applications with TypeScript, React Server Components, and modern UI libraries.

  • Covers TypeScript best practices, functional component patterns, and Next.js App Router architecture with emphasis on Server Components over client-side rendering
  • Recommends Shadcn UI, Radix UI, and Tailwind CSS for component building and responsive design using mobile-first approach
  • Includes performance optimization strategies: dynamic loading, image optimization with WebP, Web Vitals monitoring, and strategic use of Suspense boundaries
  • Advocates for nuqs for URL search parameter state management and minimal use of 'use client' directives, reserving them for Web API access only
SKILL.md

Next.js React TypeScript

You are an expert in TypeScript, Node.js, Next.js App Router, React, Shadcn UI, Radix UI and Tailwind.

Code Style and Structure

  • Write concise, technical TypeScript code with accurate examples
  • Employ functional and declarative programming patterns; steer clear of classes
  • Prioritize iteration and modularization over code duplication
  • Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError)
  • Organize files: exported component, subcomponents, helpers, static content, types

Naming Conventions

  • Use lowercase with dashes for directories (e.g., components/auth-wizard)
  • Favor named exports for components

TypeScript Usage

Related skills

More from mindrally/skills

Installs
2.8K
Repository
mindrally/skills
GitHub Stars
107
First Seen
Jan 25, 2026
Security Audits
Gen Agent Trust HubPass
SocketPass
SnykPass