✨ Add next.js snippets (#14)

The snippets which will be added are `getServerSideProps`, `getStaticPaths` and `getStaticProps`.

Author: mheob

CHANGELOG.md

@@ -2,13 +2,20 @@
 
 ## [Unreleased]
 
+### Added
+
+- Add `getServerSideProps`, `getStaticPaths` and `getStaticProps` snippets
+  [[#14](https://github.com/mheob/vscode-snippets/pull/14)]
+
 ### Changed
 
 - Use json as file extension for the source snippets files
+  [[#13](https://github.com/mheob/vscode-snippets/pull/13)]
 
 ### Fixed
 
 - Add missing return type to the React Function Component in the readme
+  [[#11](https://github.com/mheob/vscode-snippets/pull/11)]
 
 ## [1.0.2] - 2021-08-31
 

README.md

@@ -17,6 +17,86 @@ environment in [VS Code](https://code.visualstudio.com/).
 
 ## Snippets List for JS/TS
 
+### Components
+
+#### `rfc⇥`
+
+Creates a React Functional Component
+
+Only for languages: `.tsx`
+
+```tsx
+type MyDynamicComponentNameProps = { … }
+
+export const MyDynamicComponentName = ({ … }: MyDynamicComponentNameProps): JSX.Element => {
+  return (
+    <div>$0</div>
+  )
+}
+
+export default MyDynamicComponentName
+```
+
+#### `getServerSideProps⇥`
+
+Adds the `getServerSideProps` function
+
+Only for languages: `.tsx`
+
+```tsx
+export const getServerSideProps: GetServerSideProps<…> = async (context) => {
+  const data: … = {};
+
+  if (!data) {
+    return {
+      notFound: true,
+    }
+  }
+
+  return {
+    props: {
+      ...data,
+    },
+  };
+};
+```
+
+#### `getStaticPaths⇥`
+
+Adds the `getStaticPaths` function
+
+Only for languages: `.tsx`
+
+```tsx
+export const getStaticPaths: GetStaticPaths = async () => {
+  return {
+    paths: [
+      {
+        params: {},
+      },
+    ],
+  };
+};
+```
+
+#### `getStaticProps⇥`
+
+Adds the `getStaticProps` function
+
+Only for languages: `.tsx`
+
+```tsx
+export const getStaticProps: GetStaticProps<…> = async () => {
+  const data: … = {};
+
+  return {
+    props: {
+      ...data,
+    },
+  };
+};
+```
+
 ### Common
 
 | Trigger  | Content                                   | Only for languages |
@@ -73,26 +153,6 @@ environment in [VS Code](https://code.visualstudio.com/).
 | `useState⇥`       | create `useState` hook                                                             |
 | `useTranslation⇥` | create `useTranslation` hook (part of [react.i18next](https://react.i18next.com/)) |
 
-### React Components
-
-#### `rfc⇥`
-
-Creates a React Functional Component
-
-Only for languages: `.tsx`
-
-```.tsx
-type MyDynamicComponentNameProps = { … }
-
-export const MyDynamicComponentName = ({ … }: MyDynamicComponentNameProps): JSX.Element => {
-  return (
-    <div>$0</div>
-  )
-}
-
-export default MyDynamicComponentName
-```
-
 ## Snippets List for Markdown
 
 | Trigger                   | Content                                      |

src/typescript/nextjs.json

@@ -0,0 +1,56 @@
+{
+  "Add getServerSideProps function": {
+    "prefix": "getServerSideProps",
+    "body": [
+      "export const getServerSideProps: GetServerSideProps$0<${1:InsertPageProps}> = async (context) => {",
+      "  const data: ${1:InsertPageProps} = {}",
+      "",
+      "  if (!data) {",
+      "    return {",
+      "      notFound: true,",
+      "    }",
+      "  }",
+      "",
+      "  return {",
+      "    props: {",
+      "      ...data,",
+      "    },",
+      "  }",
+      "}",
+      ""
+    ],
+    "description": "Add getServerSideProps function"
+  },
+  "Add getStaticPaths function": {
+    "prefix": "getStaticPaths",
+    "body": [
+      "export const getStaticPaths: GetStaticPaths$0 = async () => {",
+      "  return {",
+      "    paths: [",
+      "      { ",
+      "        params: {}",
+      "      }",
+      "    ],",
+      "  };",
+      "}",
+      ""
+    ],
+    "description": "Add getStaticPaths function"
+  },
+  "Add getStaticProps function": {
+    "prefix": "getStaticProps",
+    "body": [
+      "export const getStaticProps: GetStaticProps$0<${1:InsertPageProps}> = async () => {",
+      "  const data: ${1:InsertPageProps} = {}",
+      "",
+      "  return {",
+      "    props: {",
+      "      ...data,",
+      "    },",
+      "  }",
+      "}",
+      ""
+    ],
+    "description": "Add getStaticProps function"
+  }
+}