fullstack-developer_skill

Overview

This skill provides practical full-stack web development expertise focused on React, Next.js, Node.js, TypeScript, and databases. It guides building production-ready frontends, APIs, database schemas, and deployment pipelines with clear architecture, code patterns, and examples. Use it to get actionable code, file structure, and setup steps for modern web apps.

How this skill works

I inspect the project goals, chosen stack (React/Next.js, Node, PostgreSQL/MongoDB, Prisma, Redis), and desired features (auth, file uploads, real-time, background jobs). I return a recommended file structure, complete typed code for routes/components/services, dependency lists, environment variables, and step-by-step setup and deployment instructions. I also include validation, error handling, security, and performance recommendations tailored to the requested feature set.

When to use it

• Building a new React or Next.js web application from scratch
• Creating REST or GraphQL APIs with Node, Express, or Next.js API routes
• Designing database schemas and choosing between PostgreSQL, MongoDB, or Prisma
• Implementing authentication, authorization, and input validation
• Deploying, scaling, or containerizing apps with Vercel, Docker, or CI/CD pipelines

Best practices

• Keep frontend components small, focused, and typed with TypeScript
• Manage server state with React Query and client state with Context or Zustand
• Validate and sanitize all inputs using Zod or Yup; return consistent error shapes
• Use parameterized queries, indexes, and transactions for database safety and performance
• Follow RESTful naming, proper HTTP status codes, and API versioning for maintainability
• Use environment variables securely, enable HTTPS in production, and apply rate limiting and CORS policies

Example use cases

• Create a Next.js app with typed API routes, Prisma ORM, and a Postgres schema for posts and users
• Build a React user profile component that fetches via React Query and shows loading/error states
• Implement JWT or OAuth authentication with secure refresh flow and session management
• Design a REST API with Express + Zod validation, consistent error responses, and pagination
• Deploy a Next.js app to Vercel with CI via GitHub Actions and a Dockerized backend for complex services