Merge pull request #75 from 4-single-product-page

item page

.eslintrc.js

@@ -18,7 +18,7 @@ module.exports = {
         ],
 
         //#region  //*=========== Unused Import ===========
-        "unused-imports/no-unused-imports": "warn",
+        // "unused-imports/no-unused-imports": "warn",
         "unused-imports/no-unused-vars": [
             "warn",
             {

.github/workflows/issue-autolink.yml

@@ -9,5 +9,6 @@ jobs:
         steps:
             - uses: tkt-actions/[email protected]
               with:
-                  repo-token: "${{ secrets.GITHUB_TOKEN }}"
+                  repo-token: "${{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 }}"
+
                   resolve: "true"

.gitignore

@@ -25,6 +25,7 @@ yarn-debug.log*
 yarn-error.log*
 
 # local env files
+.env
 .env.local
 .env.development.local
 .env.test.local

jsconfig.json

@@ -2,13 +2,9 @@
     "compilerOptions": {
         "baseUrl": ".",
         "paths": {
-            "@/*": [
-                "./src/*"
-            ],
-            "~/*": [
-                "./public/*"
-            ]
+            "@/*": ["./src/*"],
+            "~/*": ["./public/*"]
         },
         "incremental": true
     }
-}
+}

next.config.js

@@ -7,4 +7,14 @@ module.exports = {
         dirs: ["src"],
     },
     reactStrictMode: true,
+    images: {
+        remotePatterns: [
+            {
+                protocol: "https",
+                hostname: "images.unsplash.com",
+                port: "",
+                pathname: "/**",
+            },
+        ],
+    },
 };

package.json

@@ -19,24 +19,34 @@
         "prepare": "husky install"
     },
     "dependencies": {
+        "class-variance-authority": "^0.7.0",
         "clsx": "^2.0.0",
         "date-fns": "^2.30.0",
         "eslint-plugin-jest": "^27.4.2",
+        "firebase": "^10.5.0",
+        "gray-matter": "^4.0.3",
         "i18next": "^23.5.1",
         "next": "^13.5.4",
         "next-i18next": "^14.0.3",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-hook-form": "^7.47.0",
+        "react-icons": "^4.11.0",
         "react-router-dom": "^6.16.0",
-        "react-test-renderer": "^18.2.0"
+        "react-test-renderer": "^18.2.0",
+        "remark": "^15.0.1",
+        "remark-html": "^16.0.1",
+        "tailwind-merge": "^1.14.0"
     },
     "devDependencies": {
         "@commitlint/cli": "^17.7.2",
         "@commitlint/config-conventional": "^17.7.0",
         "@svgr/webpack": "^8.1.0",
+        "@tailwindcss/typography": "^0.5.10",
         "@testing-library/jest-dom": "^6.1.3",
         "@testing-library/react": "^14.0.0",
         "@types/react": "^18.2.28",
+        "autoprefixer": "^10.4.16",
         "cz-conventional-changelog": "^3.3.0",
         "eslint": "^8.51.0",
         "eslint-config-next": "^13.5.4",
@@ -54,7 +64,8 @@
         "postcss-nesting": "^12.0.1",
         "prettier": "^3.0.3",
         "react-test-renderer": "^18.2.0",
-        "standard-version": "^9.5.0"
+        "standard-version": "^9.5.0",
+        "tailwindcss": "^3.3.3"
     },
     "lint-staged": {
         "src/**/*.{js,jsx,ts,tsx}": [

postcss.config.js

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