skills.rest
kiprotichgidii
kiprotichgidiiCOMMUNITY
Explore all skills by this author →
GitHub

fullstack-developer

Builds full-stack web applications with React, Next.js, Node.js, and databases.

Updated May 8, 2026
Search Tags:#typescript#full-stack#react#next.js#api development#node.js#prisma
One-click install
npx skills add https://github.com/kiprotichgidii/agent-skills --skill fullstack-developer-kiprotichgidii
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: fullstack-developer
Source: https://github.com/kiprotichgidii/agent-skills/tree/main/skills/fullstack-developer
Command: npx skills add https://github.com/kiprotichgidii/agent-skills --skill fullstack-developer-kiprotichgidii

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Building modern web applications requires coordinating frontend components, backend APIs, databases, and deployment pipelines, which is complex and error-prone without structured guidance. This Skill provides architecture patterns, best practices, and working code examples for the entire full-stack development lifecycle. ## Core Features & Use Cases - Frontend Development: React and Next.js patterns including hooks, component design, state management with React Query and Zustand, and TypeScript typing. - Backend API Development: REST and GraphQL API design with Express or Next.js API routes, Zod validation, JWT/OAuth authentication, and proper error handling. - Database Integration: PostgreSQL and MongoDB data modeling with Prisma ORM, plus Redis caching strategies. - Use Case: Ask for a blog post API and receive a complete Next.js route handler with Zod validation, Prisma schema, migration commands, and setup instructions. ## Quick Start Ask the assistant to create a REST API endpoint for managing users with Next.js, Prisma, and PostgreSQL.

Frequently Asked Questions about fullstack-developer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a REST API with Next.js and TypeScript?▼

Create a route handler in the app/api directory exporting async GET or POST functions. Validate request bodies with Zod schemas, interact with the database via Prisma, and return NextResponse.json with appropriate HTTP status codes.

What state management should I use in a React application?▼

Use React Query for server state, Zustand or Context API for client state, and react-hook-form for form state. This separation avoids prop drilling and keeps each state type in the tool designed for it.

Prisma vs raw SQL for PostgreSQL database access?▼

Prisma provides type-safe queries, schema migrations, and relation handling, making it the recommended approach in this stack. Use transactions for related operations and index frequently queried fields to avoid performance issues.

Does Next.js support both SSR and static site generation?▼

Yes, Next.js supports SSR, SSG, API routes, and the App Router within a single project. You can choose the rendering strategy per page based on data freshness and performance requirements.

Why do I get N+1 query problems with my database?▼

N+1 problems occur when fetching related records in a loop instead of a single query. Use Prisma's include option to eager-load relations, and add indexes on frequently queried fields to keep queries efficient.

Related Skills

Explore More Software Engineering Skills→
gridi-aigridi-ai
1

tech-lead

Translate user stories and wireframes into tech specs with architecture and API design.

Official
Advanced
hendrax5hendrax5

phase-9-deployment

Deploy applications to production and manage CI/CD pipelines with GitHub Actions, Vercel, and Kubernetes.

Community
Advanced
posit-devposit-dev
4.2k

author-vitest-tests

Writes and reviews Vitest tests for Positron src/vs/ source code and React components.

Official
Advanced
OpenAEC-FoundationOpenAEC-Foundation
4

vite-impl-backend-integration

Automate Vite asset integration into server-rendered backend templates.

Official
Advanced