release v0.1.0

.env.development

@@ -0,0 +1,6 @@
+NEXT_PUBLIC_API_MOCKING=enabled
+NEXT_PUBLIC_APP_URL=https://staging.harublock.shop
+NEXT_PUBLIC_DEV_TOKEN=
+
+NEXT_PUBLIC_API_BASE_URL=https://api.harublock.store
+NEXT_PUBLIC_S3_URL=https://harublock-image-bucket.s3.ap-northeast-2.amazonaws.com

.env.production

@@ -0,0 +1,4 @@
+NEXT_PUBLIC_APP_URL=https://harublock.shop
+
+NEXT_PUBLIC_API_BASE_URL=https://api.harublock.store
+NEXT_PUBLIC_S3_URL=https://harublock-image-bucket.s3.ap-northeast-2.amazonaws.com

.eslintrc.json

@@ -12,6 +12,7 @@
     ],
     "@next/next/no-img-element": "off",
     "@typescript-eslint/explicit-module-boundary-types": "off",
-    "@typescript-eslint/no-empty-function": "off"
+    "@typescript-eslint/no-empty-function": "off",
+    "react-hooks/exhaustive-deps": "off"
   }
 }

.github/workflows/build.yml

@@ -2,9 +2,9 @@ name: Build Test
 
 on:
   push:
-    branches: [main, dev]
+    branches: [main, develop]
   pull_request:
-    branches: [main, dev]
+    branches: [main, develop]
 
 jobs:
   build:

.storybook/main.js

@@ -6,6 +6,7 @@ module.exports = {
     '@storybook/addon-links',
     '@storybook/addon-essentials',
     '@storybook/addon-interactions',
+    'storybook-addon-next-router',
     {
       name: '@storybook/addon-postcss',
       options: {
@@ -16,7 +17,22 @@ module.exports = {
     },
   ],
   framework: '@storybook/react',
+  staticDirs: ['../public'],
+
   webpackFinal: async (config) => {
+    const fileLoaderRule = config.module.rules.find(
+      (rule) => rule.test && rule.test.test('.svg'),
+    )
+    fileLoaderRule.exclude = /\.svg$/
+
+    config.module.rules.push({
+      test: /\.svg$/,
+      enforce: 'pre',
+      loader: require.resolve('@svgr/webpack'),
+    })
+
+    config.resolve.modules = [path.resolve(__dirname, '..'), 'node_modules']
+
     config.resolve.alias = {
       ...config.resolve.alias,
       '@': path.resolve(__dirname, '../src'),

.storybook/preview.js

@@ -1,4 +1,5 @@
 import '../src/styles/globals.css'
+import { RouterContext } from 'next/dist/shared/lib/router-context'
 
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
@@ -8,4 +9,7 @@ export const parameters = {
       date: /Date$/,
     },
   },
+  nextRouter: {
+    Provider: RouterContext.Provider,
+  },
 }

commitlint.config.js

@@ -6,5 +6,6 @@ module.exports = {
       'always',
       ['feat', 'fix', 'docs', 'style', 'refactor', 'test', 'chore'],
     ],
+    'subject-case': [0, 'never'],
   },
 }

global.d.ts

@@ -0,0 +1,7 @@
+declare global {
+  interface Window {
+    ReactNativeWebView: any
+  }
+}
+
+export const ReactNativeWebView = window.ReactNativeWebView

next.config.js

@@ -1,6 +1,14 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  webpack: (config) => {
+    config.module.rules.push({
+      test: /\.svg$/i,
+      issuer: /\.[jt]sx?$/,
+      use: ['@svgr/webpack'],
+    })
+    return config
+  },
 }
 
 module.exports = nextConfig

package.json

@@ -14,7 +14,11 @@
   "dependencies": {
     "@next/font": "13.1.6",
     "axios": "^1.3.2",
+    "clsx": "^1.2.1",
+    "dayjs": "^1.11.7",
+    "lottie-web": "^5.10.2",
     "next": "13.1.6",
+    "query-string": "^8.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "zustand": "^4.3.2"
@@ -32,6 +36,7 @@
     "@storybook/manager-webpack5": "^6.5.16",
     "@storybook/react": "^6.5.16",
     "@storybook/testing-library": "^0.0.13",
+    "@svgr/webpack": "^6.5.1",
     "@types/node": "^18.11.19",
     "@types/react": "^18.0.27",
     "@types/react-dom": "^18.0.10",
@@ -44,16 +49,20 @@
     "eslint-plugin-storybook": "^0.6.10",
     "husky": "^8.0.3",
     "lint-staged": "^13.1.0",
+    "msw": "^1.0.1",
     "postcss": "^8.4.21",
     "prettier": "^2.8.3",
+    "storybook-addon-next-router": "^4.0.2",
     "tailwindcss": "^3.2.4",
     "typescript": "^4.9.5"
   },
   "lint-staged": {
     "**/*.(js|jsx|ts|tsx)": [
       "eslint --fix",
-      "yarn run prettier --write",
-      "bash -c tsc --noEmit"
+      "yarn run prettier --write"
     ]
+  },
+  "msw": {
+    "workerDirectory": "public"
   }
 }