Merge pull request #3 from MostafaRastegar/rc-1.2.0

Refactor to nextjs 12.1.0
MostafaRastegar · Mar 27, 2022 · 9fb590f · 9fb590f
2 parents 9e25693 + 2a4ef4a
commit 9fb590f
Show file tree

Hide file tree

Showing 17 changed files with 1,354 additions and 3,100 deletions.
diff --git a/.babelrc b/.babelrc
diff --git a/.eslintignore b/.eslintignore
@@ -1,4 +1,36 @@
-.next
-_next
-out
-README.md
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/.next
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+pages/_document.js
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,6 @@
+{
+  "extends": ["next", "prettier"],
+  "rules": {
+    "no-unused-vars": 2
+  }
+}
diff --git a/.eslintrc.ts b/.eslintrc.ts
diff --git a/README.md b/README.md
@@ -1,11 +1,11 @@
-<p align="center"><img src="https://github.com/MostafaRastegar/mr-next-starter/raw/main/mr-next-starter.jpg" alt="BoxBouncing"/></p>
+<p align="center"><img src="https://camo.githubusercontent.com/92ec9eb7eeab7db4f5919e3205918918c42e6772562afb4112a2909c1aaaa875/68747470733a2f2f6173736574732e76657263656c2e636f6d2f696d6167652f75706c6f61642f76313630373535343338352f7265706f7369746f726965732f6e6578742d6a732f6e6578742d6c6f676f2e706e67" alt="BoxBouncing"/></p>
 <h1 align="center" style="color:#008ee5;">mr-next-starter</h1>
 <h3 align="center" style="color:#666666;">Start your project the easiest way</h3>
 <p align="center" style="font-weight: 900">
     Highly flexible , High scalability ,Redux , Axios , Redux-thunk , Redux-persist, Styled-components , ESlint and Prettier
 </div>
 
-This project is based on the [Expo](https://reactnative.dev/docs/getting-started 'Expo'). Therefore, you can refer to its documentation to install **react-native** and **Expo**.
+This project is based on the [Nextjs](https://nextjs.org/docs/getting-started 'Nextjs').
 
 In this structure, we tried to bring you a good experience by combining different technologies.
 
@@ -23,7 +23,7 @@ In this structure, we tried to bring you a good experience by combining differen
 
 ## installation:
 
-Assuming that you have [Node 12 LTS](https://nodejs.org/en/download/ 'Node 12 LTS') or greater installed, you can use npm to install the Expo CLI command line utility:
+Assuming that you have [Node 14 or 16 LTS](https://nodejs.org/en/download/ 'Node 14 Or 16 LTS') or greater installed, you can use npm to install the Expo CLI command line utility:
 
 _Install eslint, prettier and editor config plugins into your IDE_
 

diff --git a/constants/theme/GlobalStyle.js → constants/theme/GlobalStyle.ts b/constants/theme/GlobalStyle.js → constants/theme/GlobalStyle.ts
@@ -1,9 +1,9 @@
-import { createGlobalStyle } from "styled-components";
-import { color, px, styles } from "constants/theme/helpers";
+import { createGlobalStyle } from 'styled-components';
+import { color, px, styles } from 'constants/theme/helpers';
 
 const GlobalStyle = createGlobalStyle`
   .global-shadow {
-    box-shadow: ${styles("shadow")};
+    box-shadow: ${styles('shadow')};
   }
 
   .radius-6 {
@@ -16,55 +16,55 @@ const GlobalStyle = createGlobalStyle`
     }
     &-gray{
       &-normal{
-          background-color: ${color("gray", "normal")};
+          background-color: ${color('gray', 'normal')};
       }
       &-dark{
-          background-color: ${color("gray", "dark")};
+          background-color: ${color('gray', 'dark')};
       }
       &-light{
-          background-color: ${color("gray", "light")};
+          background-color: ${color('gray', 'light')};
       }
       &-ultraLight{
-          background-color: ${color("gray", "ultraLight")};
+          background-color: ${color('gray', 'ultraLight')};
       }
     }
 
     &-b{
       &-normal{
-          background-color: ${color("blue", "normal")};
+          background-color: ${color('blue', 'normal')};
       }
       &-dark{
-          background-color: ${color("blue", "dark")};
+          background-color: ${color('blue', 'dark')};
       }
       &-light{
-          background-color: ${color("blue", "light")};
+          background-color: ${color('blue', 'light')};
       }
     }
 
     &-g{
       &-normal{
-          background-color: ${color("green", "normal")};
+          background-color: ${color('green', 'normal')};
       }
       &-dark{
-          background-color: ${color("green", "dark")};
+          background-color: ${color('green', 'dark')};
       }
       &-light{
-          background-color: ${color("green", "light")};
+          background-color: ${color('green', 'light')};
       }
     }
 
     &-r{
       &-dark{
-          background-color: ${color("red", "dark")};
+          background-color: ${color('red', 'dark')};
       }
       &-light{
-          background-color: ${color("red", "light")};
+          background-color: ${color('red', 'light')};
       }
     }
 
     &-y{
       &-dark{
-          background-color: ${color("yellow", "dark")};
+          background-color: ${color('yellow', 'dark')};
       }
     }
   }
@@ -91,55 +91,55 @@ const GlobalStyle = createGlobalStyle`
 
     &-gray{
       &-normal{
-          color: ${color("gray", "normal")};
+          color: ${color('gray', 'normal')};
       }
       &-dark{
-          color: ${color("gray", "dark")};
+          color: ${color('gray', 'dark')};
       }
       &-light{
-          color: ${color("gray", "light")};
+          color: ${color('gray', 'light')};
       }
       &-ultraLight{
-          color: ${color("gray", "ultraLight")};
+          color: ${color('gray', 'ultraLight')};
       }
     }
 
     &-b{
       &-normal{
-          color: ${color("blue", "normal")};
+          color: ${color('blue', 'normal')};
       }
       &-dark{
-          color: ${color("blue", "dark")};
+          color: ${color('blue', 'dark')};
       }
       &-light{
-          color: ${color("blue", "light")};
+          color: ${color('blue', 'light')};
       }
     }
 
     &-g{
       &-normal{
-          color: ${color("green", "normal")};
+          color: ${color('green', 'normal')};
       }
       &-dark{
-          color: ${color("green", "dark")};
+          color: ${color('green', 'dark')};
       }
       &-light{
-          color: ${color("green", "light")};
+          color: ${color('green', 'light')};
       }
     }
 
     &-r{
       &-dark{
-          color: ${color("red", "dark")};
+          color: ${color('red', 'dark')};
       }
       &-light{
-          color: ${color("red", "light")};
+          color: ${color('red', 'light')};
       }
     }
 
     &-y{
       &-dark{
-          color: ${color("yellow", "dark")};
+          color: ${color('yellow', 'dark')};
       }
     }
   }