Merge pull request #196 from p1ass/next

.eslintrc.js

@@ -1,16 +1,79 @@
 module.exports = {
-  root: true,
   env: {
     browser: true,
+    es6: true,
     node: true
   },
+  plugins: ['@typescript-eslint', 'prettier'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:import/errors',
+    'plugin:import/warnings',
+    'plugin:import/typescript',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'prettier'
+  ],
+  globals: {
+    Atomics: 'readonly',
+    SharedArrayBuffer: 'readonly'
+  },
+  parser: '@typescript-eslint/parser',
   parserOptions: {
-    parser: 'babel-eslint'
+    ecmaFeatures: {
+      jsx: true
+    },
+    ecmaVersion: 2018,
+    sourceType: 'module'
   },
-  extends: ['@nuxtjs', 'plugin:prettier/recommended'],
-  plugins: ['prettier'],
-  // add your custom rules here
   rules: {
-    'no-console': 'off'
+    'react/react-in-jsx-scope': 'off',
+    'react/prop-types': 'off',
+    '@typescript-eslint/explicit-module-boundary-types': 'off',
+    'import/order': [
+      'error',
+      {
+        pathGroups: [
+          {
+            pattern: '@/**',
+            group: 'parent',
+            position: 'after'
+          }
+        ],
+        'newlines-between': 'always'
+      }
+    ],
+    'import/no-default-export': 'warn',
+    'prettier/prettier': [
+      'error',
+      {
+        singleQuote: true,
+        printWidth: 100,
+        tabWidth: 2,
+        semi: false
+      }
+    ],
+    semi: ['error', 'never'],
+    indent: ['error', 2]
+  },
+  // Next.js向けのページコンポーネントはdefault exportしか使えないなので除外
+  overrides: [
+    {
+      files: ['src/pages/**/*.tsx'],
+      rules: {
+        'import/no-default-export': 'off'
+      }
+    }
+  ],
+  settings: {
+    react: {
+      version: 'detect'
+    },
+    'import/resolver': {
+      typescript: {
+        project: '.'
+      }
+    }
   }
 }

.gitignore

@@ -1,88 +1,34 @@
-# Created by .ignore support plugin (hsz.mobi)
-### Node template
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# Runtime data
-pids
-*.pid
-*.seed
-*.pid.lock
-
-# Directory for instrumented libs generated by jscoverage/JSCover
-lib-cov
-
-# Coverage directory used by tools like istanbul
-coverage
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
-
-# Compiled binary addons (https://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
-# TypeScript v1 declaration files
-typings/
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
 
-# Optional npm cache directory
-.npm
+# testing
+/coverage
 
-# Optional eslint cache
-.eslintcache
+# next.js
+/.next/
+/out/
 
-# Optional REPL history
-.node_repl_history
+# production
+/build
 
-# Output of 'npm pack'
-*.tgz
+# misc
+.DS_Store
+*.pem
 
-# Yarn Integrity file
-.yarn-integrity
-
-# dotenv environment variables file
-.env
-
-# parcel-bundler cache (https://parceljs.org/)
-.cache
-
-# next.js build output
-.next
-
-# nuxt.js build output
-.nuxt
-
-# Nuxt generate
-dist
-
-# vuepress build output
-.vuepress/dist
-
-# Serverless directories
-.serverless
-
-# IDE
-.idea
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-# Service worker
-sw.*
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
 
-Resume_JP_private.md
-Resume_EN.doc
-*pdf
+# vercel
+.vercel

.prettierrc

@@ -1,4 +1,7 @@
 {
-  "semi": false,
-  "singleQuote": true
+    "trailingComma": "none",
+    "singleQuote": true,
+    "semi": false,
+    "printWidth": 100,
+    "twPluginsOrder": "container,position,zIndex,inset,display,flex,flexDirection,flexGrow,flexShrink,flexWrap,gap,gridAutoFlow,gridColumn,gridColumnEnd,gridColumnStart,gridRow,gridRowEnd,gridRowStart,gridTemplateColumns,gridTemplateRows,alignContent,alignItems,alignSelf,justifyContent,justifyItems,justifySelf,verticalAlign,placeContent,placeItems,placeSelf,float,clear,order,tableLayout,margin,padding,width,minWidth,maxWidth,height,maxHeight,minHeight,textAlign,textColor,textDecoration,textOpacity,wordBreak,whitespace,fontFamily,fontSize,fontSmoothing,fontStyle,fontVariantNumeric,fontWeight,letterSpacing,lineHeight,backgroundColor,backgroundImage,backgroundSize,backgroundPosition,backgroundRepeat,backgroundAttachment,backgroundClip,backgroundOpacity,borderWidth,borderStyle,borderColor,borderOpacity,borderRadius,borderCollapse,placeholderColor,placeholderOpacity,outline,fill,stroke,strokeWidth,boxShadow,gradientColorStops,opacity,visibility,accessibility,appearance,boxSizing,cursor,pointerEvents,userSelect,divideColor,divideOpacity,divideStyle,divideWidth,listStylePosition,listStyleType,objectFit,objectPosition,overflow,overscrollBehavior,transform,transformOrigin,translate,textTransform,resize,rotate,scale,skew,space,animation,transitionProperty,transitionDuration,transitionDelay,transitionTimingFunction,preflight"
 }

README.md

@@ -1,16 +1,16 @@
 # p1ass/portfolio
 
-My portfolio site.
+🏠 My portfolio
 
-[https://p1ass.com/](https://p1ass.com/)
+## Getting Started
 
-## Blog
+1. Install Node and yarn.
+1. Run `yarn`
+1. Run `yarn dev`
 
-[フロント未学習の大学生が1週間でVue.jsを使ったポートフォリオを作った話](https://qiita.com/p1ass/items/a01578b782f17f573510)
-
-## Resume
-
-[Japanese Resume](./Resume_JP.md)
-
-[English Resume](./resume_en.md)
+## Technical Stack
 
+- TypeScript
+- Next.js
+- Tailwind CSS
+- Vercel