Merge pull request #10 from rkazi103/main

feat: added next js typescript component

Author: avneesh0612

README.md

@@ -28,7 +28,7 @@ NextJS and React Snippets with TypeScript support as well!🚀
 2. `rafect` (React Functional Component with Types)
 
    ```tsx
-   import { FC } from 'react';
+   import { FC } from "react";
    interface Props {}
    const Component: FC<Props> = () => {
      return <div></div>;
@@ -81,9 +81,22 @@ NextJS and React Snippets with TypeScript support as well!🚀
 3. `taytay` (NextPage component with NextPage type)
 
    ```tsx
-   import type { NextPage } from 'next';
+   import type { NextPage } from "next";
    const Page: NextPage = () => {
      return <></>;
    };
    export default Page;
    ```
+
+4. `nextct` (Next JS Component with NextComponentType and Props)
+
+   ```tsx
+   import type { NextComponentType, NextPageContext } from "next";
+   interface Props {}
+   const Component: NextComponentType<NextPageContext, {}, Props> = (
+     props: Props
+   ) => {
+     return <div></div>;
+   };
+   export default Component;
+   ```

snippets/next-typescript.code-snippets

@@ -38,5 +38,22 @@
       "export default ${1:${TM_FILENAME}}"
     ],
     "description": "NextPage component with NextPage type"
-   }
+   },
+   "nct": {
+		"prefix": "nextct",
+		"body": [
+			"import type { NextComponentType, NextPageContext } from \"next\";",
+			"interface Props {}",
+			"const ${1:${TM_FILENAME_BASE}}: NextComponentType<NextPageContext, {}, Props> = (",
+      "  props: Props,",
+      ") => {",
+			"  return (",
+      "    <div></div>",
+      "  )",
+			"}",
+      "",
+      "export default ${1:${TM_FILENAME_BASE}}"
+		],
+    "description": "Next JS Component with NextComponentType and Props"
+	}
 }