feat: 🎸 Add new next.js app Github to LinkedIn (#89)

flexbox · Mar 9, 2023 · 04b54ab · 04b54ab
1 parent 605f971
commit 04b54ab
Show file tree

Hide file tree

Showing 15 changed files with 1,879 additions and 610 deletions.
diff --git a/apps/githubtolinkedin/.eslintrc.json b/apps/githubtolinkedin/.eslintrc.json
@@ -0,0 +1,34 @@
+{
+  "extends": [
+    "plugin:@nrwl/nx/react-typescript",
+    "next",
+    "next/core-web-vitals",
+    "../../.eslintrc.json"
+  ],
+  "ignorePatterns": ["!**/*", ".next/**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {
+        "@next/next/no-html-link-for-pages": [
+          "error",
+          "apps/githubtolinkedin/pages"
+        ]
+      }
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ],
+  "rules": {
+    "@next/next/no-html-link-for-pages": "off"
+  },
+  "env": {
+    "jest": true
+  }
+}
diff --git a/apps/githubtolinkedin/index.d.ts b/apps/githubtolinkedin/index.d.ts
@@ -0,0 +1,6 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+declare module '*.svg' {
+  const content: any;
+  export const ReactComponent: any;
+  export default content;
+}
diff --git a/apps/githubtolinkedin/jest.config.ts b/apps/githubtolinkedin/jest.config.ts
@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'githubtolinkedin',
+  preset: '../../jest.preset.js',
+  transform: {
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nrwl/react/plugins/jest',
+    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nrwl/next/babel'] }],
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../coverage/apps/githubtolinkedin',
+};
diff --git a/apps/githubtolinkedin/next-env.d.ts b/apps/githubtolinkedin/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/apps/githubtolinkedin/next.config.js b/apps/githubtolinkedin/next.config.js
@@ -0,0 +1,17 @@
+//@ts-check
+
+// eslint-disable-next-line @typescript-eslint/no-var-requires
+const { withNx } = require('@nrwl/next/plugins/with-nx');
+
+/**
+ * @type {import('@nrwl/next/plugins/with-nx').WithNxOptions}
+ **/
+const nextConfig = {
+  nx: {
+    // Set this to true if you would like to use SVGR
+    // See: https://github.com/gregberge/svgr
+    svgr: false,
+  },
+};
+
+module.exports = withNx(nextConfig);
diff --git a/apps/githubtolinkedin/pages/_app.tsx b/apps/githubtolinkedin/pages/_app.tsx
@@ -0,0 +1,21 @@
+import { AppProps } from 'next/app';
+import { Inter } from '@next/font/google';
+import Head from 'next/head';
+import './styles.css';
+
+const inter = Inter({ subsets: ['latin'] });
+
+function CustomApp({ Component, pageProps }: AppProps) {
+  return (
+    <>
+      <Head>
+        <title>GitHub to LinkedIn</title>
+      </Head>
+      <main className={inter.className}>
+        <Component {...pageProps} />
+      </main>
+    </>
+  );
+}
+
+export default CustomApp;
diff --git a/apps/githubtolinkedin/pages/index.tsx b/apps/githubtolinkedin/pages/index.tsx
@@ -0,0 +1,21 @@
+export function Index() {
+  /*
+   * Replace the elements below with your own.
+   *
+   * Note: The corresponding styles are in the ./index.css file.
+   */
+  return (
+    <div className="wrapper">
+      <div className="container">
+        <div id="welcome">
+          <h1>
+            <span> Hello there, </span>
+            Welcome githubtolinkedin 👋
+          </h1>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default Index;