feat(nextjs-snippets): add nextjs api routes for js and ts (#70)

Author: AnishDe12020

packages/vscode/README.md

@@ -196,6 +196,16 @@ const handleCallback = useCallback(() => {}, []);
     };
     ```
 
+6.  `ngapi` (Next.js API Route)
+
+    ```jsx
+    const handler = (req, res) => {
+      res.status(200).json({ name: "John Doe" });
+    };
+
+    export default handler;
+    ```
+
 ### TypeScript
 
 1. `ngsst` (Next.js get server side props)
@@ -282,3 +292,19 @@ const handleCallback = useCallback(() => {}, []);
 
    export default Document;
    ```
+
+9. `ngapit` (TypeScript: Next.js API Route)
+
+   ```tsx
+   import type { NextApiRequest, NextApiResponse } from "next";
+
+   type Data = {
+     name: string;
+   };
+
+   const handler = (req: NextApiRequest, res: NextApiResponse<Data>) => {
+     res.status(200).json({ name: "John Doe" });
+   };
+
+   export default handler;
+   ```

packages/vscode/snippets/next-javascript.json

@@ -63,5 +63,16 @@
       "export default Document;"
     ],
     "description": "JavaScript: Next.js custom document"
+  },
+  "napi": {
+    "prefix": "ngapi",
+    "body": [
+      "const handler = (req, res) => {",
+      "  res.status(200).json({ name: \"John Doe\" });",
+      "};",
+      "",
+      "export default handler;"
+    ],
+    "description": "Next.js API Route"
   }
 }

packages/vscode/snippets/next-typescript.json

@@ -114,5 +114,22 @@
       "export default Document;"
     ],
     "description": "Typescript: Next.js custom document"
+  },
+  "ngapit": {
+    "prefix": "napit",
+    "body": [
+      "import type { NextApiRequest, NextApiResponse } from \"next\";",
+      "",
+      "type Data = {",
+      "  name: string;",
+      "};",
+      "",
+      "const handler = (req: NextApiRequest, res: NextApiResponse<Data>) => {",
+      "  res.status(200).json({ name: \"John Doe\" });",
+      "};",
+      "",
+      "export default handler;"
+    ],
+    "description": "Typescript: Next.js API Route"
   }
 }