feat: use styled of mui to custom app #1

Author: johntranviact

.eslintrc.json

@@ -1,3 +1,15 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": ["next/core-web-vitals","plugin:@typescript-eslint/recommended"],
+  "plugins": ["react", "react-hooks", "@typescript-eslint", "prettier"],
+  "rules": {
+    "indent": ["error", 2],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "single"],
+    "semi": ["error", "always"],
+    "react/react-in-jsx-scope": "off",
+    "camelcase": "warn",
+    "spaced-comment": "error",
+    "no-duplicate-imports": "error"
+  },
+  "ignorePatterns": ["webpack.config.js", "**/vendor/*.js", "**/openapi.json", "src/assets/**", "**/*.scss"]
 }

.gitignore

@@ -14,6 +14,8 @@
 
 # production
 /build
+public/sw.js
+public/workbox-*.js
 
 # misc
 .DS_Store
@@ -34,3 +36,8 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# build
+public/sw.js
+public/sw.js.map
+public/workbox-*

next.config.js

@@ -1,4 +1,6 @@
 /** @type {import('next').NextConfig} */
+const path = require('path');
+
 const withPWA = require('next-pwa')({
   dest: 'public',
 });
@@ -10,6 +12,9 @@ const nextConfig = withPWA({
     locales: ['en'],
     defaultLocale: 'en',
   },
+  sassOptions: {
+    includePaths: [path.join(__dirname, 'src/styles')],
+  },
 });
 
 module.exports = nextConfig;

package-lock.json

@@ -9,7 +9,7 @@
     "start": "next start -p 8081",
     "lint": "eslint --fix",
     "format": "prettier --write 'src/**/*.{js,jsx,ts,tsx,css,md,json,scss}' --config ./.prettierrc",
-    "gen-api": "openapi --input ./src/api/swagger/openapi.json --output ./src/api/swagger --client axios"
+    "gen-api:pet": "openapi --input ./src/api/petstore/openapi.json --output ./src/api/petstore --name PetStoreServer --client axios  --indent 2"
   },
   "author": {
     "name": "John Smith",
@@ -49,13 +49,14 @@
   "devDependencies": {
     "@commitlint/config-conventional": "^17.2.0",
     "commitlint": "^17.2.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "husky": "^8.0.2",
     "lint-staged": "^13.1.0",
     "module-resolver": "^1.0.0",
     "openapi-typescript-codegen": "^0.23.0",
     "prettier": "^2.8.1",
     "rimraf": "^3.0.2",
-    "sass": "^1.57.0"
+    "sass": "^1.57.1"
   },
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx,json}": [

package.json

@@ -2,6 +2,11 @@
   "name": "PWA App",
   "short_name": "App",
   "icons": [
+    {
+      "src": "/favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
     {
       "src": "/maskable_icon.png",
       "sizes": "192x192",