feat: file based routing (#25)

* feat: deploy storybook on vercel

* fix: upgrade lucide-react from 0.294.0 to 0.298.0

Snyk has created this PR to upgrade lucide-react from 0.294.0 to 0.298.0.

See this package in npm:
https://www.npmjs.com/package/lucide-react

See this project in Snyk:
https://app.snyk.io/org/chlee125/project/3629c888-cbcc-45e7-85fa-128c9939c472?utm_source=github&utm_medium=referral&page=upgrade-pr

* feat: file based routing

* fix: upgrade lucide-react

* refactor: eslint-airbnb

* fix: package.json build

---------

Co-authored-by: snyk-bot <snyk-bot@snyk.io>

.eslintrc.cjs

@@ -1,20 +1,29 @@
 module.exports = {
   root: true,
   env: { browser: true, es2020: true },
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', 'plugin:prettier/recommended', 'plugin:storybook/recommended'],
+  extends: [
+    'eslint:recommended',
+    'plugin:@typescript-eslint/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:storybook/recommended'
+  ],
   ignorePatterns: ['dist', '.eslintrc.cjs'],
   parser: '@typescript-eslint/parser',
   parserOptions: {
     'ecmaVersion': 6, 'sourceType': 'module', 'ecmaFeatures': {
       'jsx': true
     }
   },
-  plugins: ['react-refresh', 'prettier'],
+  plugins: ['react-refresh'],
   rules: {
-    'no-unused-vars': ['off'], // 사용하지 않는 변수가 있을때 빌드에러가 나던 규칙 해제
-    'arrow-parens': ['warn', 'as-needed'], // 화살표 함수의 파라미터가 하나일때 괄호 생략
     'import/prefer-default-export': ['off'], // export const 문을 쓸때 에러를 내는 규칙 해제
     'no-console': ['off'], // 콘솔을 쓰면 에러가 나던 규칙 해제
-    'prettier/prettier': 0, 'react-refresh/only-export-components': ['warn', { allowConstantExport: true }]
+    'react-refresh/only-export-components': ['warn', { allowConstantExport: true }],
+    'react/jsx-filename-extension': 0,
+    'react/react-in-jsx-scope': 0,
+    'no-shadow': 0,
+    'no-unresolved': 0,
+    "react/prefer-stateless-function": 0,
+    "react/jsx-one-expression-per-line": 0
   }
 }

.gitignore

@@ -11,6 +11,7 @@ node_modules
 dist
 dist-ssr
 *.local
+storybook-static
 
 # Editor directories and files
 .vscode/*

README.md

@@ -11,10 +11,10 @@ VRTN is Vite React Typescript i18n template
 - [I18n ready](./src/locales)
 - [Use icons]()
 - [Deploy on Vercel](https://vercel.com)
+- [File based routing](https://github.com/oedotme/generouted)
 
 ## 🚧 TO-DO
 
-- [File based routing]()
 - [PWA]()
 - [Layout]()
 - [Markdown Support]()

package.json

@@ -13,10 +13,12 @@
     "tsc": "tsc",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build"
+    "storybook": "storybook dev -p 6006 -s public",
+    "build-storybook": "storybook build -s public -o dist/storybook",
+    "serve-storybook": "serve dist"
   },
   "dependencies": {
+    "@generouted/react-router": "^1.17.1",
     "@radix-ui/react-accessible-icon": "^1.0.3",
     "@radix-ui/react-accordion": "^1.1.2",
     "@radix-ui/react-alert-dialog": "^1.0.5",
@@ -46,63 +48,62 @@
     "@radix-ui/react-toggle-group": "^1.0.4",
     "@radix-ui/react-tooltip": "^1.0.7",
     "@tailwindcss/line-clamp": "^0.4.4",
-    "axios": "^1.6.2",
+    "axios": "^1.6.5",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
+    "clsx": "^2.1.0",
     "cmdk": "^0.2.0",
     "date-fns": "^2.30.0",
-    "i18next": "^23.7.11",
+    "eslint-config-airbnb": "^19.0.4",
+    "i18next": "^23.7.16",
     "i18next-browser-languagedetector": "^7.2.0",
     "i18next-http-backend": "^2.4.2",
     "js-yaml": "^4.1.0",
     "localforage": "^1.10.0",
-    "lucide-react": "^0.294.0",
+    "lucide-react": "^0.298.0",
     "match-sorter": "^6.3.1",
     "react": "^18.2.0",
-    "react-day-picker": "^8.9.1",
+    "react-day-picker": "^8.10.0",
     "react-dom": "^18.2.0",
-    "react-helmet-async": "^2.0.3",
+    "react-helmet-async": "^2.0.4",
     "react-hook-form": "^7.49.2",
     "react-i18next": "^13.5.0",
-    "react-router-dom": "^6.21.0",
-    "tailwind-merge": "^2.1.0",
-    "usehooks-ts": "^2.9.1",
+    "react-router-dom": "^6.21.1",
+    "tailwind-merge": "^2.2.0",
+    "usehooks-ts": "^2.9.2",
     "zustand": "^4.4.7"
   },
   "devDependencies": {
-    "@iconify/json": "^2.2.157",
-    "@storybook/addon-essentials": "^7.6.4",
-    "@storybook/addon-interactions": "^7.6.4",
-    "@storybook/addon-links": "^7.6.4",
+    "@iconify/json": "^2.2.166",
+    "@storybook/addon-essentials": "^7.6.7",
+    "@storybook/addon-interactions": "^7.6.7",
+    "@storybook/addon-links": "^7.6.7",
     "@storybook/addon-onboarding": "^1.0.10",
-    "@storybook/blocks": "^7.6.4",
-    "@storybook/react": "^7.6.4",
-    "@storybook/react-vite": "^7.6.4",
-    "@storybook/test": "^7.6.4",
+    "@storybook/blocks": "^7.6.7",
+    "@storybook/builder-vite": "^7.6.7",
+    "@storybook/react": "^7.6.7",
+    "@storybook/react-vite": "^7.6.7",
+    "@storybook/test": "^7.6.7",
     "@tailwindcss/forms": "^0.5.7",
     "@types/js-yaml": "^4.0.9",
-    "@types/react": "^18.2.45",
-    "@types/react-dom": "^18.2.17",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@unocss/preset-icons": "^0.58.0",
+    "@types/react": "^18.2.47",
+    "@types/react-dom": "^18.2.18",
+    "@typescript-eslint/eslint-plugin": "^6.18.0",
+    "@typescript-eslint/parser": "^6.18.0",
+    "@unocss/preset-icons": "^0.58.3",
     "@vitejs/plugin-react": "^4.2.1",
+    "@vitejs/plugin-react-swc": "^3.5.0",
     "autoprefixer": "^10.4.16",
-    "eslint": "^8.55.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.0.1",
+    "eslint": "^8.56.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.4.5",
     "eslint-plugin-storybook": "^0.6.15",
     "nprogress": "^0.2.0",
-    "postcss": "^8.4.32",
-    "prettier": "^3.1.1",
-    "prettier-plugin-tailwindcss": "^0.5.9",
-    "storybook": "^7.6.4",
-    "tailwindcss": "^3.3.6",
+    "postcss": "^8.4.33",
+    "storybook": "^7.6.7",
+    "tailwindcss": "^3.4.1",
     "typescript": "^5.3.3",
-    "unocss": "^0.58.0",
-    "vite": "^5.0.9",
-    "vite-tsconfig-paths": "^4.2.2"
+    "unocss": "^0.58.3",
+    "vite": "^5.0.11",
+    "vite-tsconfig-paths": "^4.2.3"
   }
 }