Add next.js

Author: hopeless-programmer-online

.gitignore

@@ -0,0 +1,2 @@
+node_modules
+.next

next-env.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />

package-lock.json

@@ -18,5 +18,19 @@
   "homepage": "https://github.com/hopeless-programmer-online/hopeless-programmer.online#readme",
   "engines": {
     "node": "^14.15.1"
+  },
+  "dependencies": {
+    "@types/node": "^14.14.10",
+    "@types/react": "^17.0.0",
+    "next": "^10.0.3",
+    "react": "^17.0.1",
+    "react-dom": "^17.0.1",
+    "sass": "^1.29.0",
+    "typescript": "^4.1.2"
+  },
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start -p %PORT"
   }
 }

package.json

@@ -0,0 +1,3 @@
+.h1 {
+    color: rgb(30, 30, 30);
+}

pages/index.module.scss

@@ -0,0 +1,12 @@
+import React from 'react'
+import styles from './index.module.scss'
+
+export default class Index extends React.Component {
+    public render() {
+        return (
+            <h1 className={styles.h1}>
+                Безнадійний Програміст
+            </h1>
+        )
+    }
+}

pages/index.tsx

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve"
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}