feat: init nextjs/tailwind/css

Co-authored-by: Syah Warid Ghani Akram <[email protected]>
Co-authored-by: Ahmad Yaqdhan <[email protected]>

.eslintignore

@@ -0,0 +1,2 @@
+next.config.js
+tailwind.config.js

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.

next.config.js

@@ -0,0 +1,6 @@
+/* @type {import('next').NextConfig} */
+const nextConfig = {
+	reactStrictMode: true,
+};
+
+module.exports = nextConfig;

postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

src/index.ts

@@ -1,79 +1,10 @@
-const hey = [
-    73,
-    102,
-    32,
-    121,
-    111,
-    117,
-    39,
-    114,
-    101,
-    32,
-    115,
-    101,
-    101,
-    105,
-    110,
-    103,
-    32,
-    116,
-    104,
-    105,
-    115,
-    32,
-    109,
-    101,
-    115,
-    115,
-    97,
-    103,
-    101,
-    44,
-    32,
-    116,
-    104,
-    97,
-    116,
-    32,
-    109,
-    101,
-    97,
-    110,
-    115,
-    32,
-    121,
-    111,
-    117,
-    39,
-    114,
-    101,
-    32,
-    114,
-    101,
-    97,
-    100,
-    121,
-    32,
-    116,
-    111,
-    32,
-    99,
-    114,
-    101,
-    97,
-    116,
-    101,
-    32,
-    97,
-    32,
-    112,
-    114,
-    111,
-    106,
-    101,
-    99,
-    116,
-    33
-];
+import { Sequelize } from "sequelize";
 
-console.log(hey.map(x => String.fromCharCode(x)).join(""));
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const client = new Sequelize({
+    dialect: "mariadb",
+    host: "...",
+    password: "PaswordAmAn123###",
+    username: "TzyMantuv",
+    port: 6969
+});

src/next-env.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

src/pages/_app.tsx

@@ -0,0 +1,9 @@
+import "../styles/globals.css";
+
+import { AppProps } from "next/app.js";
+
+import React from "react";
+
+export default function App({ Component, pageProps }: AppProps): JSX.Element {
+    return <Component {...pageProps} />;
+}

src/pages/index.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+
+export default function Page(): JSX.Element {
+    return (
+        <div className="flex w-screen h-screen bg-black justify-center items-center text-center text-2xl">
+            <p className="rounded-full p-5 bg-white">Selamat datang di web Bandrek :D</p>
+        </div>
+    );
+}

src/styles/globals.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

src/tsconfig.json

@@ -0,0 +1,6 @@
+{
+    "extends": "../tsconfig.json",
+    "compilerOptions": {},
+    "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+    "exclude": ["node_modules"]
+  }

tailwind.config.js

@@ -0,0 +1,11 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    "./src/**/*.{js,ts,jsx,tsx,mdx}",
+  ],
+  theme: {
+    extend: {},
+  },
+  plugins: [],
+}
+

tsconfig.json

@@ -1,28 +1,41 @@
 {
-    "compilerOptions": {
-        "target": "ESNext",
-        "module": "NodeNext",
-        "moduleResolution": "NodeNext",
-        "lib": [
-            "ESNext"
-        ],
-        "strict": true,
-        "outDir": "dist",
-        "esModuleInterop": true,
-        "allowSyntheticDefaultImports": true,
-        "experimentalDecorators": true,
-        "emitDecoratorMetadata": true,
-        "skipLibCheck": true,
-        "noEmitHelpers": true,
-        "importHelpers": true,
-        "resolveJsonModule": true,
-        "typeRoots": [
-            "node_modules/@types",
-            "src/typings"
-        ]
-    },
-    "exclude": [],
-    "include": [
-        "src/**/*"
-    ]
+  "compilerOptions": {
+    "strictNullChecks": true,
+    "jsx": "preserve",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "lib": [
+      "DOM",
+      "DOM.Iterable",
+      "ESNext"
+    ],
+    "strict": true,
+    "outDir": "dist",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "importHelpers": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "incremental": true,
+    "typeRoots": [
+      "node_modules/@types",
+      "src/typings"
+    ],
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "allowJs": true
+  },
+  "exclude": [
+    "node_modules"
+  ],
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.js",
+    ".next/types/**/*.ts"
+  ]
 }