Best prompts for ChatGPT for coding dynamic web applications

Create a full‑stack TypeScript project scaffold named <projectName> using React (Vite), Node (Express), PostgreSQL and Prisma. Include: folder layout, package.json scripts, TypeScript configs, Tailwind CSS setup, Prisma schema and migration commands, JWT auth (register/login), REST API endpoints for a single resource (e.g., tasks) with validation, example unit tests, and Dockerfile + docker-compose for local development. Return only code and shell commands in files and a short README with start & test steps.

Describe and implement a Next.js app that serves a blog with server‑side rendered author pages and incremental static regeneration (ISR) for posts. Include getServerSideProps and getStaticProps examples, API routes to fetch/update posts from PostgreSQL via Prisma, caching headers, and a deployment configuration for Vercel. Provide code snippets for pages, API handlers, and Prisma queries plus a strategy for SEO meta tags and Open Graph generation.

Design a GraphQL API using Apollo Server and Prisma for an e‑commerce domain (Users, Products, Orders). Provide schema.graphql types, resolvers (with batching and dataloader patterns), authentication middleware (JWT), cursor pagination for lists, example queries and mutations, and migration-ready Prisma models. Include performance tips and how to test the GraphQL endpoints.

Implement a real‑time feature using Socket.IO (server + React client) to support collaborative editing of a single document: presence, typing indicators, broadcasted changes, and reconnection handling. Provide server code, React hooks/components for client synchronization, conflict resolution strategy (OT or CRDT recommendation), and tests or manual steps to simulate multi‑user updates.

Write Playwright end‑to‑end tests for the following dynamic flows in <appName>: user signup and email verification (mock SMTP), login, creating/editing/deleting a resource (e.g., posts), file upload, and real‑time updates (validate socket message). Include test fixtures, example selectors, CI test step snippets for GitHub Actions, and guidance on test data setup/teardown.

Audit a single‑page React app and provide an actionable plan and code patches to improve performance: bundle analysis, code splitting (dynamic import examples), lazy load components/images, long task mitigation, critical CSS, preloading assets, and service worker caching strategy. Return before/after metrics to target Lighthouse Performance >90 and commands to reproduce measurements.