typescript.json

{
	"Create State": {
		"prefix": "state", // The trigger keyword
		"body": [
			"const [${1:state}, set${1/(^.*)/${1:/capitalize}/}] = useState(${2});"
		],
		"description": "Create a React state"
	},
	"Create Effect": {
		"prefix": "effect", // The trigger keyword
		"body": [
			"useEffect(()=>{",
			"  ${1}",
			"}, [${2}]);"
		],
		"description": "Create a React effect"
	},
	"Next.js API Route with All HTTP Methods": {
    "prefix": "napi",
    "body": [
      "import { NextRequest } from \"next/server\";",
      "",
      "export async function GET(req: NextRequest) {",
      "  return new Response(JSON.stringify(await req.json()), {",
      "    status: 200,",
      "    statusText: \"OK\",",
      "  });",
      "}",
      "",
      "export async function POST(req: NextRequest) {",
      "  return new Response(JSON.stringify(await req.json()), {",
      "    status: 200,",
      "    statusText: \"OK\",",
      "  });",
      "}",
      "",
      "export async function PUT(req: NextRequest) {",
      "  return new Response(JSON.stringify(await req.json()), {",
      "    status: 200,",
      "    statusText: \"OK\",",
      "  });",
      "}",
      "",
      "export async function DELETE(req: NextRequest) {",
      "  return new Response(JSON.stringify(await req.json()), {",
      "    status: 200,",
      "    statusText: \"OK\",",
      "  });",
      "}"
    ],
    "description": "Scaffold HTTP methods for a Next.js API route"
  }
}