gadingnst · gadingnst · Jul 9, 2023 · Jul 9, 2023 · Jul 9, 2023 · Jul 9, 2023
diff --git a/.env.development b/.env.development
diff --git a/.env.example b/.env.example
@@ -1,4 +1,10 @@
-# Server
-CLOUDINARY_API_KEY = 'xxxx'
-CLOUDINARY_API_SECRET = 'xxxx'
-SECRET_KEY = 'xxxx'
+# Server Environment
+DB_HOST = xxx.xxx.xxx
+DB_USER = xxx
+DB_PASSWORD = xxx
+DB_NAME = xxx
+SECRET_APP_KEY = xxxxxx
+CLOUDINARY_API_KEY = xxxx
+CLOUDINARY_API_SECRET = xxxx
+
+# Frontend Environment (prefix: `NEXT_PUBLIC_`)
diff --git a/.env.production b/.env.production
diff --git a/.eslintrc.js b/.eslintrc.js
@@ -0,0 +1,86 @@
+module.exports = {
+  'parser': '@typescript-eslint/parser',
+  'plugins': [
+    '@typescript-eslint'
+  ],
+  'extends': [
+    'next',
+    'next/core-web-vitals',
+    'eslint:recommended',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended'
+  ],
+  'rules': {
+    'semi': ['error', 'always'],
+    'indent': ['error', 2, { 'SwitchCase': 1 }],
+    'comma-dangle': ['error', 'never'],
+    'comma-spacing': ['error', { 'before': false, 'after': true }],
+    'space-before-blocks': 'error',
+    'no-multiple-empty-lines': ['error', { 'max': 1 }],
+    'object-curly-spacing': ['error', 'always'],
+    'array-bracket-spacing': 'error',
+    'keyword-spacing': 'error',
+    'arrow-spacing': 'error',
+    'space-infix-ops': 'error',
+    'no-console': 'warn',
+    'no-useless-catch': 'off',
+    'jsx-quotes': ['error', 'prefer-double'],
+    'space-in-parens': ['error', 'never'],
+    'space-before-function-paren': ['error', 'never'],
+    'react/jsx-wrap-multilines': ['error', {
+      'declaration': 'parens-new-line',
+      'assignment': 'parens-new-line',
+      'return': 'parens-new-line',
+      'arrow': 'parens-new-line',
+      'condition': 'parens-new-line',
+      'logical': 'ignore',
+      'prop': 'ignore'
+    }],
+
+    /** @see https://medium.com/weekly-webtips/how-to-sort-imports-like-a-pro-in-typescript-4ee8afd7258a */
+    'import/no-unresolved': 'error',
+    'import/order': [
+      'error',
+      {
+        'groups': [
+          'builtin',
+          'external',
+          'internal',
+          ['sibling', 'parent'],
+          'index',
+          'unknown'
+        ],
+        'newlines-between': 'always',
+        'alphabetize': {
+          'order': 'asc',
+          'caseInsensitive': true
+        }
+      }
+    ],
+    /** */
+
+    '@typescript-eslint/semi': 'error',
+    '@typescript-eslint/type-annotation-spacing': 'error',
+    '@typescript-eslint/space-before-blocks': 'error',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    '@typescript-eslint/no-explicit-any': 'off',
+    '@typescript-eslint/member-delimiter-style': ['error', {
+      'multiline': {
+        'delimiter': 'semi',
+        'requireLast': true
+      },
+      'singleline': {
+        'delimiter': 'semi',
+        'requireLast': true
+      },
+      'multilineDetection': 'brackets'
+    }],
+    '@typescript-eslint/quotes': [
+      'error',
+      'single',
+      {
+        'allowTemplateLiterals': true
+      }
+    ]
+  }
+};
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.github/workflows/integration.yml b/.github/workflows/integration.yml
@@ -44,20 +44,3 @@ jobs:
       - name: Start Linting
         run: |
           npm run lint
-
-  test:
-    name: Unit Test
-    needs: install
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v2
-        with:
-          ref: ${{ github.event.pull_request.head.sha }}
-      - name: Load node_modules
-        uses: actions/cache@v1
-        with:
-          path: node_modules
-          key: node_modules-${{ github.event.pull_request.head.sha }}
-      - name: Start Unit Testing
-        run: |
-          npm run test:unit
diff --git a/.gitignore b/.gitignore
@@ -1,16 +1,12 @@
 # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
-# Environment Variables
-.env
-
 # dependencies
 /node_modules
 /.pnp
 .pnp.js
 
 # testing
 /coverage
-report.json
 
 # next.js
 /.next/
@@ -30,6 +26,7 @@ yarn-error.log*
 .pnpm-debug.log*
 
 # local env files
+.env
 .env*.local
 
 # vercel
@@ -39,8 +36,4 @@ yarn-error.log*
 *.tsbuildinfo
 
 # Auto generated build file
-/public/rss
-/public/robots.txt
-/public/sitemap.xml
-/public/sitemap-*.xml*
 *.generated.*
diff --git a/LICENSE b/LICENSE
@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2022 Gading Nasution.
+Copyright (c) 2023 Gading Nasution.
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

diff --git a/README.md b/README.md
@@ -50,4 +50,4 @@ This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next
 
 * * *
 
-Copyright © 2022 by Sutan Gading Fadhillah Nasution
+Copyright © 2023 by Sutan Gading Fadhillah Nasution
diff --git a/src/contents/about/en.md → contents/about/en.md b/src/contents/about/en.md → contents/about/en.md
diff --git a/src/contents/about/id.md → contents/about/id.md b/src/contents/about/id.md → contents/about/id.md
diff --git a/src/contents/home/en.md → contents/home/en.md b/src/contents/home/en.md → contents/home/en.md
diff --git a/src/contents/home/id.md → contents/home/id.md b/src/contents/home/id.md → contents/home/id.md
diff --git a/src/contents/now/en.md → contents/now/en.md b/src/contents/now/en.md → contents/now/en.md
diff --git a/src/contents/now/id.md → contents/now/id.md b/src/contents/now/id.md → contents/now/id.md
diff --git a/src/contents/portfolio/en.ts → contents/portfolio/en.ts b/src/contents/portfolio/en.ts → contents/portfolio/en.ts
@@ -1,7 +1,6 @@
-import type { Portfolio } from '@/types/contents';
-import { AUTHOR_GITHUB } from '@/configs/env';
+const AUTHOR_GITHUB = 'gadingnst';
 
-const portfolio: Portfolio[] = [
+const portfolio = [
   {
     name: 'SWR Global State',
     category: 'Utility Project',

diff --git a/...nts/posts/en/text-formatting-examples.mdx → ...nts/posts/en/text-formatting-examples.mdx b/...nts/posts/en/text-formatting-examples.mdx → ...nts/posts/en/text-formatting-examples.mdx
diff --git a/...sts/en/understanding-javascript-engine.md → ...sts/en/understanding-javascript-engine.md b/...sts/en/understanding-javascript-engine.md → ...sts/en/understanding-javascript-engine.md
diff --git a/src/contents/posts/en/will-not-come.md → contents/posts/en/will-not-come.md b/src/contents/posts/en/will-not-come.md → contents/posts/en/will-not-come.md
diff --git a/src/contents/posts/id/belajar-pdo-di-php.md → contents/posts/id/belajar-pdo-di-php.md b/src/contents/posts/id/belajar-pdo-di-php.md → contents/posts/id/belajar-pdo-di-php.md
diff --git a/...-pattern-function-as-children-di-react.md → ...-pattern-function-as-children-di-react.md b/...-pattern-function-as-children-di-react.md → ...-pattern-function-as-children-di-react.md
diff --git a/src/contents/posts/id/iri.md → contents/posts/id/iri.md b/src/contents/posts/id/iri.md → contents/posts/id/iri.md
diff --git a/...nts/posts/id/it-fest-bersama-it-polsri.md → ...nts/posts/id/it-fest-bersama-it-polsri.md b/...nts/posts/id/it-fest-bersama-it-polsri.md → ...nts/posts/id/it-fest-bersama-it-polsri.md
diff --git a/...-pada-paradigma-pemrograman-fungsional.md → ...-pada-paradigma-pemrograman-fungsional.md b/...-pada-paradigma-pemrograman-fungsional.md → ...-pada-paradigma-pemrograman-fungsional.md
diff --git a/src/contents/posts/id/masa-depan.md → contents/posts/id/masa-depan.md b/src/contents/posts/id/masa-depan.md → contents/posts/id/masa-depan.md
diff --git a/...ts/posts/id/memahami-javascript-engine.md → ...ts/posts/id/memahami-javascript-engine.md b/...ts/posts/id/memahami-javascript-engine.md → ...ts/posts/id/memahami-javascript-engine.md
diff --git a/.../memahami-konsep-promise-di-javascript.md → .../memahami-konsep-promise-di-javascript.md b/.../memahami-konsep-promise-di-javascript.md → .../memahami-konsep-promise-di-javascript.md
diff --git a/...r-order-function-di-javascript-part-2.mdx → ...r-order-function-di-javascript-part-2.mdx b/...r-order-function-di-javascript-part-2.mdx → ...r-order-function-di-javascript-part-2.mdx
diff --git a/...l-higher-order-function-di-javascript.mdx → ...l-higher-order-function-di-javascript.mdx b/...l-higher-order-function-di-javascript.mdx → ...l-higher-order-function-di-javascript.mdx
diff --git a/...sts/id/meningkatkan-kemampuan-berfikir.md → ...sts/id/meningkatkan-kemampuan-berfikir.md b/...sts/id/meningkatkan-kemampuan-berfikir.md → ...sts/id/meningkatkan-kemampuan-berfikir.md
diff --git a/...tentang-work-life-balance-yang-berbeda.md → ...tentang-work-life-balance-yang-berbeda.md b/...tentang-work-life-balance-yang-berbeda.md → ...tentang-work-life-balance-yang-berbeda.md
diff --git a/.../id/prestasi-tidak-sama-dengan-manfaat.md → .../id/prestasi-tidak-sama-dengan-manfaat.md b/.../id/prestasi-tidak-sama-dengan-manfaat.md → .../id/prestasi-tidak-sama-dengan-manfaat.md
diff --git a/...ts/posts/id/rencana-bulan-agustus-2019.md → ...ts/posts/id/rencana-bulan-agustus-2019.md b/...ts/posts/id/rencana-bulan-agustus-2019.md → ...ts/posts/id/rencana-bulan-agustus-2019.md
diff --git a/src/contents/posts/id/tak-akan-datang.md → contents/posts/id/tak-akan-datang.md b/src/contents/posts/id/tak-akan-datang.md → contents/posts/id/tak-akan-datang.md
diff --git a/daisy.config.js b/daisy.config.js
@@ -0,0 +1,19 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const darkTheme = require('./design/theme/dark');
+const lightTheme = require('./design/theme/light');
+
+/**
+ * @see https://daisyui.com/docs/config/
+ */
+module.exports = {
+  themes: [
+    lightTheme,
+    darkTheme
+  ],
+  prefix: '', // prefix for daisyUI classnames (components, modifiers and responsive class names. Not colors)
+  base: true, // applies background color and foreground color for root element by default
+  styled: true, // include daisyUI colors and design decisions for all components
+  utils: true, // adds responsive and modifier utility classes
+  rtl: false, // rotate style direction from left-to-right to right-to-left. You also need to add dir="rtl" to your html tag and install `tailwindcss-flip` plugin for Tailwind CSS.
+  logs: false // Shows info about daisyUI version and used config in the console when building your CSS
+};
diff --git a/design/keyframes.js b/design/keyframes.js
@@ -0,0 +1,55 @@
+/** @see https://tailwindcss.com/docs/animation */
+const keyframes = {
+  'scale': {
+    '0%': {
+      opacity: 0,
+      transform: 'scale(0.8)'
+    },
+    '100%': {
+      opacity: 1,
+      transform: 'scale(1)'
+    }
+  },
+  'from-t-25': {
+    from: {
+      opacity: 0,
+      transform: 'translate(0, -25px)'
+    },
+    to: {
+      opacity: 1,
+      transform: 'translate(0)'
+    }
+  },
+  'from-r-25': {
+    from: {
+      opacity: 0,
+      transform: 'translate(25px, 0)'
+    },
+    to: {
+      opacity: 1,
+      transform: 'translate(0)'
+    }
+  },
+  'from-b-25': {
+    from: {
+      opacity: 0,
+      transform: 'translate(0, 25px)'
+    },
+    to: {
+      opacity: 1,
+      transform: 'translate(0)'
+    }
+  },
+  'from-l-25': {
+    from: {
+      opacity: 0,
+      transform: 'translate(-25px, 0)'
+    },
+    to: {
+      opacity: 1,
+      transform: 'translate(0)'
+    }
+  }
+};
+
+module.exports = keyframes;
diff --git a/design/tailwind.custom.js b/design/tailwind.custom.js
@@ -0,0 +1,26 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const plugin = require('tailwindcss/plugin');
+
+const stylePlugins = plugin(({ addUtilities, theme }) => {
+  addUtilities({
+    '.base-container': {
+      width: theme('width.full'),
+      maxWidth: theme('maxWidth.6xl'),
+      paddingLeft: theme('spacing.4'),
+      paddingRight: theme('spacing.4'),
+      marginLeft: 'auto',
+      marginRight: 'auto'
+    },
+    '.text-shadow': {
+      textShadow: '2px 2px 15px #000'
+    },
+    '.text-shadow-white': {
+      textShadow: '2px 2px 15px #FFF'
+    },
+    '.text-shadow-none': {
+      textShadow: 'none'
+    }
+  });
+});
+
+module.exports = stylePlugins;
diff --git a/design/theme/base.js b/design/theme/base.js
@@ -0,0 +1,19 @@
+const baseTheme = {
+  'primary': '#5e72e4',
+  'primary-content': '#ffffff',
+  'secondary': '#ff50a5',
+  'secondary-content': '#ffffff',
+  'accent': '#b89bff',
+  'accent-content': '#ffffff',
+  'info': '#11cdef',
+  'info-content': '#ffffff',
+  'success': '#2dce89',
+  'success-content': '#ffffff',
+  'warning': '#fb6340',
+  'warning-content': '#ffffff',
+  'error': '#f5365c',
+  'error-content': '#ffffff',
+  'neutral': '#a1a1a3'
+};
+
+module.exports = baseTheme;
diff --git a/design/theme/dark.js b/design/theme/dark.js
@@ -0,0 +1,18 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+const baseTheme = require('./base');
+
+const darkTheme = {
+  dark: {
+    ...baseTheme,
+    'base-100': '#0e263a',
+    'base-200': '#0f2d44',
+    'base-300': '#282f5e',
+    'base-content': '#ffffff',
+    '.header-primary': {
+      backgroundColor: '#282f5e',
+      color: '#ffffff'
+    }
+  }
+};
+
+module.exports = darkTheme;