Web-Dev-Path · vmcodes · Jun 14, 2023
diff --git a/.gitignore b/.gitignore
@@ -11,4 +11,7 @@ yarn-error.log
 **/public/worker-*.js
 **/public/worker-*.js.map
 **/public/workbox-*.js
-**/public/workbox-*.js.map
+**/public/workbox-*.js.map
+
+# typescript
+*.tsbuildinfo
diff --git a/components/ContactUsCards.js → components/ContactUsCards.tsx b/components/ContactUsCards.js → components/ContactUsCards.tsx
diff --git a/components/ContactUsForm/index.js → components/ContactUsForm/index.tsx b/components/ContactUsForm/index.js → components/ContactUsForm/index.tsx
diff --git a/components/ContactUsForm/styles.js → components/ContactUsForm/styles.ts b/components/ContactUsForm/styles.js → components/ContactUsForm/styles.ts
diff --git a/components/blog/BlogPostsContainer/index.js → components/blog/BlogPostsContainer/index.tsx b/components/blog/BlogPostsContainer/index.js → components/blog/BlogPostsContainer/index.tsx
diff --git a/components/blog/BlogPostsContainer/styles.js → components/blog/BlogPostsContainer/styles.ts b/components/blog/BlogPostsContainer/styles.js → components/blog/BlogPostsContainer/styles.ts
diff --git a/components/blog/SearchBar/index.js → components/blog/SearchBar/index.tsx b/components/blog/SearchBar/index.js → components/blog/SearchBar/index.tsx
diff --git a/components/blog/SearchBar/styles.js → components/blog/SearchBar/styles.ts b/components/blog/SearchBar/styles.js → components/blog/SearchBar/styles.ts
diff --git a/components/blog/Tag/index.js → components/blog/Tag/index.tsx b/components/blog/Tag/index.js → components/blog/Tag/index.tsx
diff --git a/components/blog/Tag/styles.js → components/blog/Tag/styles.ts b/components/blog/Tag/styles.js → components/blog/Tag/styles.ts
diff --git a/components/buttons/ButtonLink/index.js → components/buttons/ButtonLink/index.tsx b/components/buttons/ButtonLink/index.js → components/buttons/ButtonLink/index.tsx
diff --git a/components/buttons/ButtonLink/styles.js → components/buttons/ButtonLink/styles.ts b/components/buttons/ButtonLink/styles.js → components/buttons/ButtonLink/styles.ts
diff --git a/components/buttons/SubmitButton/index.js → components/buttons/SubmitButton/index.tsx b/components/buttons/SubmitButton/index.js → components/buttons/SubmitButton/index.tsx
diff --git a/components/buttons/SubmitButton/styles.js → components/buttons/SubmitButton/styles.ts b/components/buttons/SubmitButton/styles.js → components/buttons/SubmitButton/styles.ts
diff --git a/components/containers/Card/AboutUsCard.js → components/containers/Card/AboutUsCard.tsx b/components/containers/Card/AboutUsCard.js → components/containers/Card/AboutUsCard.tsx
diff --git a/components/containers/Card/BlogCard.js → components/containers/Card/BlogCard.tsx b/components/containers/Card/BlogCard.js → components/containers/Card/BlogCard.tsx
diff --git a/components/containers/Card/CardInterface.js → components/containers/Card/CardInterface.tsx b/components/containers/Card/CardInterface.js → components/containers/Card/CardInterface.tsx
diff --git a/components/containers/Card/ContactUsCard.js → components/containers/Card/ContactUsCard.tsx b/components/containers/Card/ContactUsCard.js → components/containers/Card/ContactUsCard.tsx
diff --git a/components/containers/Card/index.js → components/containers/Card/index.tsx b/components/containers/Card/index.js → components/containers/Card/index.tsx
diff --git a/components/containers/Card/styles.js → components/containers/Card/styles.ts b/components/containers/Card/styles.js → components/containers/Card/styles.ts
diff --git a/...ontainers/CardColumns/BlogCardsColumns.js → ...ntainers/CardColumns/BlogCardsColumns.tsx b/...ontainers/CardColumns/BlogCardsColumns.js → ...ntainers/CardColumns/BlogCardsColumns.tsx
diff --git a/...iners/CardColumns/CardColumnsInterface.js → ...ners/CardColumns/CardColumnsInterface.tsx b/...iners/CardColumns/CardColumnsInterface.js → ...ners/CardColumns/CardColumnsInterface.tsx
diff --git a/...ainers/CardColumns/ContactCardsColumns.js → ...iners/CardColumns/ContactCardsColumns.tsx b/...ainers/CardColumns/ContactCardsColumns.js → ...iners/CardColumns/ContactCardsColumns.tsx
diff --git a/...iners/CardColumns/OurGoalsCardsColumns.js → ...ners/CardColumns/OurGoalsCardsColumns.tsx b/...iners/CardColumns/OurGoalsCardsColumns.js → ...ners/CardColumns/OurGoalsCardsColumns.tsx
diff --git a/components/containers/CardColumns/index.js → components/containers/CardColumns/index.tsx b/components/containers/CardColumns/index.js → components/containers/CardColumns/index.tsx
diff --git a/components/containers/CardColumns/styles.js → components/containers/CardColumns/styles.ts b/components/containers/CardColumns/styles.js → components/containers/CardColumns/styles.ts
diff --git a/components/containers/Container/index.js → components/containers/Container/index.tsx b/components/containers/Container/index.js → components/containers/Container/index.tsx
diff --git a/components/containers/Container/styles.js → components/containers/Container/styles.ts b/components/containers/Container/styles.js → components/containers/Container/styles.ts
diff --git a/components/containers/Member/index.js → components/containers/Member/index.tsx b/components/containers/Member/index.js → components/containers/Member/index.tsx
diff --git a/components/containers/Member/styles.js → components/containers/Member/styles.ts b/components/containers/Member/styles.js → components/containers/Member/styles.ts
diff --git a/...ontainers/RevealContentContainer/index.js → ...ntainers/RevealContentContainer/index.tsx b/...ontainers/RevealContentContainer/index.js → ...ntainers/RevealContentContainer/index.tsx
diff --git a/...ntainers/RevealContentContainer/styles.js → ...ntainers/RevealContentContainer/styles.ts b/...ntainers/RevealContentContainer/styles.js → ...ntainers/RevealContentContainer/styles.ts
diff --git a/components/containers/Row/index.js → components/containers/Row/index.tsx b/components/containers/Row/index.js → components/containers/Row/index.tsx
diff --git a/components/containers/Row/styles.js → components/containers/Row/styles.ts b/components/containers/Row/styles.js → components/containers/Row/styles.ts
diff --git a/components/containers/TwoColumn/index.js → components/containers/TwoColumn/index.tsx b/components/containers/TwoColumn/index.js → components/containers/TwoColumn/index.tsx
diff --git a/components/containers/TwoColumn/styles.js → components/containers/TwoColumn/styles.ts b/components/containers/TwoColumn/styles.js → components/containers/TwoColumn/styles.ts
diff --git a/components/containers/Wrapper/index.js → components/containers/Wrapper/index.tsx b/components/containers/Wrapper/index.js → components/containers/Wrapper/index.tsx
diff --git a/components/containers/Wrapper/styles.js → components/containers/Wrapper/styles.ts b/components/containers/Wrapper/styles.js → components/containers/Wrapper/styles.ts
diff --git a/components/decorations/Bracket.js → components/decorations/Bracket.tsx b/components/decorations/Bracket.js → components/decorations/Bracket.tsx
diff --git a/components/decorations/Stick.js → components/decorations/Stick.tsx b/components/decorations/Stick.js → components/decorations/Stick.tsx
diff --git a/components/layout/Footer/index.js → components/layout/Footer/index.tsx b/components/layout/Footer/index.js → components/layout/Footer/index.tsx
diff --git a/components/layout/Footer/styles.js → components/layout/Footer/styles.ts b/components/layout/Footer/styles.js → components/layout/Footer/styles.ts
diff --git a/components/layout/Hero/index.js → components/layout/Hero/index.tsx b/components/layout/Hero/index.js → components/layout/Hero/index.tsx
diff --git a/components/layout/Hero/styles.js → components/layout/Hero/styles.ts b/components/layout/Hero/styles.js → components/layout/Hero/styles.ts
diff --git a/components/layout/Layout/index.js → components/layout/Layout/index.tsx b/components/layout/Layout/index.js → components/layout/Layout/index.tsx
diff --git a/components/layout/Layout/styles.js → components/layout/Layout/styles.ts b/components/layout/Layout/styles.js → components/layout/Layout/styles.ts
diff --git a/components/layout/Meta.js → components/layout/Meta.tsx b/components/layout/Meta.js → components/layout/Meta.tsx
diff --git a/components/layout/Nav/index.js → components/layout/Nav/index.tsx b/components/layout/Nav/index.js → components/layout/Nav/index.tsx
diff --git a/components/layout/Nav/styles.js → components/layout/Nav/styles.ts b/components/layout/Nav/styles.js → components/layout/Nav/styles.ts
diff --git a/components/mailchimp/NewsletterForm/index.js → ...onents/mailchimp/NewsletterForm/index.tsx b/components/mailchimp/NewsletterForm/index.js → ...onents/mailchimp/NewsletterForm/index.tsx
diff --git a/...onents/mailchimp/NewsletterForm/styles.js → ...onents/mailchimp/NewsletterForm/styles.ts b/...onents/mailchimp/NewsletterForm/styles.js → ...onents/mailchimp/NewsletterForm/styles.ts
diff --git a/components/mailchimp/NewsletterSubscribe.js → components/mailchimp/NewsletterSubscribe.tsx b/components/mailchimp/NewsletterSubscribe.js → components/mailchimp/NewsletterSubscribe.tsx
diff --git a/components/snippets/BlogSearch.js → components/snippets/BlogSearch.ts b/components/snippets/BlogSearch.js → components/snippets/BlogSearch.ts
diff --git a/components/snippets/Title.js → components/snippets/Title.tsx b/components/snippets/Title.js → components/snippets/Title.tsx
diff --git a/hooks/useIntersect.js → hooks/useIntersect.ts b/hooks/useIntersect.js → hooks/useIntersect.ts
diff --git a/jsconfig.json b/jsconfig.json
diff --git a/next-env.d.ts b/next-env.d.ts
@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.
diff --git a/package.json b/package.json
@@ -33,11 +33,15 @@
     "swiper": "^8.2.2"
   },
   "devDependencies": {
+    "@types/node": "20.3.1",
+    "@types/react": "18.2.12",
+    "@types/react-dom": "18.2.5",
     "babel-plugin-styled-components": "^2.1.1",
     "husky": "^8.0.0",
     "lint-staged": "^13.0.3",
     "prettier": "^2.7.1",
-    "prettylint": "^1.0.0"
+    "prettylint": "^1.0.0",
+    "typescript": "5.1.3"
   },
   "resolutions": {
     "styled-components": "^5"

diff --git a/pages/404.js → pages/404.tsx b/pages/404.js → pages/404.tsx
diff --git a/pages/_app.js → pages/_app.tsx b/pages/_app.js → pages/_app.tsx
diff --git a/pages/_document.js → pages/_document.tsx b/pages/_document.js → pages/_document.tsx
diff --git a/pages/about.js → pages/about.tsx b/pages/about.js → pages/about.tsx
diff --git a/pages/api/contact.js → pages/api/contact.tsx b/pages/api/contact.js → pages/api/contact.tsx
diff --git a/pages/api/register.js → pages/api/register.tsx b/pages/api/register.js → pages/api/register.tsx
diff --git a/pages/blog/category/[tag].js → pages/blog/category/[tag].tsx b/pages/blog/category/[tag].js → pages/blog/category/[tag].tsx
diff --git a/pages/blog/category/all.js → pages/blog/category/all.tsx b/pages/blog/category/all.js → pages/blog/category/all.tsx
diff --git a/pages/blog/index.js → pages/blog/index.tsx b/pages/blog/index.js → pages/blog/index.tsx
diff --git a/pages/contact.js → pages/contact.tsx b/pages/contact.js → pages/contact.tsx
diff --git a/pages/index.js → pages/index.tsx b/pages/index.js → pages/index.tsx
diff --git a/pages/sitemap.xml.js → pages/sitemap.xml b/pages/sitemap.xml.js → pages/sitemap.xml
diff --git a/public/images/vincent.webp b/public/images/vincent.webp
diff --git a/styles/_mixins.js → styles/_mixins.ts b/styles/_mixins.js → styles/_mixins.ts
diff --git a/styles/_variables.js → styles/_variables.ts b/styles/_variables.js → styles/_variables.ts
diff --git a/styles/pages/contactStyles.js → styles/pages/contactStyles.ts b/styles/pages/contactStyles.js → styles/pages/contactStyles.ts
diff --git a/styles/pages/homeStyles.js → styles/pages/homeStyles.ts b/styles/pages/homeStyles.js → styles/pages/homeStyles.ts
diff --git a/tsconfig.json b/tsconfig.json
@@ -0,0 +1,33 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": false,
+    "noImplicitAny": false,
+    "forceConsistentCasingInFileNames": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "baseUrl": ".",
+    "paths": {
+      "@/components/*": ["components/*"],
+      "@/styles/*": ["styles/*"],
+      "@/hooks/*": ["hooks/*"],
+      "@/utils/*": ["utils/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}
diff --git a/utils/about.js → utils/about.ts b/utils/about.js → utils/about.ts
diff --git a/utils/blogCategories.js → utils/blogCategories.ts b/utils/blogCategories.js → utils/blogCategories.ts
diff --git a/utils/config.js → utils/config.ts b/utils/config.js → utils/config.ts
diff --git a/utils/hero-options.js → utils/hero-options.ts b/utils/hero-options.js → utils/hero-options.ts
diff --git a/utils/links.js → utils/links.ts b/utils/links.js → utils/links.ts
diff --git a/utils/meta.js → utils/meta.ts b/utils/meta.js → utils/meta.ts
diff --git a/utils/search.js → utils/search.ts b/utils/search.js → utils/search.ts
diff --git a/yarn.lock b/yarn.lock
@@ -1239,13 +1239,44 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-18.0.6.tgz#0ba49ac517ad69abe7a1508bc9b3a5483df9d5d7"
   integrity sha512-/xUq6H2aQm261exT6iZTMifUySEt4GR5KX8eYyY+C4MSNPqSh9oNIP7tz2GLKTlFaiBbgZNxffoR3CVRG+cljw==
 
+"@types/[email protected]":
+  version "20.3.1"
+  resolved "https://registry.yarnpkg.com/@types/node/-/node-20.3.1.tgz#e8a83f1aa8b649377bb1fb5d7bac5cb90e784dfe"
+  integrity sha512-EhcH/wvidPy1WeML3TtYFGR83UzjxeWRen9V402T8aUGYsCHOmfoisV3ZSg03gAFIbLq8TnWOJ0f4cALtnSEUg==
+
+"@types/prop-types@*":
+  version "15.7.5"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.5.tgz#5f19d2b85a98e9558036f6a3cacc8819420f05cf"
+  integrity sha512-JCB8C6SnDoQf0cNycqd/35A7MjcnK+ZTqE7judS6o7utxUCg6imJg3QK2qzHKszlTjcj2cn+NwMB2i96ubpj7w==
+
+"@types/[email protected]":
+  version "18.2.5"
+  resolved "https://registry.yarnpkg.com/@types/react-dom/-/react-dom-18.2.5.tgz#5c5f13548bda23cd98f50ca4a59107238bfe18f3"
+  integrity sha512-sRQsOS/sCLnpQhR4DSKGTtWFE3FZjpQa86KPVbhUqdYMRZ9FEFcfAytKhR/vUG2rH1oFbOOej6cuD7MFSobDRQ==
+  dependencies:
+    "@types/react" "*"
+
+"@types/react@*", "@types/[email protected]":
+  version "18.2.12"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-18.2.12.tgz#95d584338610b78bb9ba0415e3180fb03debdf97"
+  integrity sha512-ndmBMLCgn38v3SntMeoJaIrO6tGHYKMEBohCUmw8HoLLQdRMOIGXfeYaBTLe2lsFaSB3MOK1VXscYFnmLtTSmw==
+  dependencies:
+    "@types/prop-types" "*"
+    "@types/scheduler" "*"
+    csstype "^3.0.2"
+
 "@types/[email protected]":
   version "1.17.1"
   resolved "https://registry.yarnpkg.com/@types/resolve/-/resolve-1.17.1.tgz#3afd6ad8967c77e4376c598a82ddd58f46ec45d6"
   integrity sha512-yy7HuzQhj0dhGpD8RLXSZWEkLsV9ibvxvi6EiJ3bkqLAO1RGo0WbkWQiwpRlSFymTJRz0d3k5LM3kkx8ArDbLw==
   dependencies:
     "@types/node" "*"
 
+"@types/scheduler@*":
+  version "0.16.3"
+  resolved "https://registry.yarnpkg.com/@types/scheduler/-/scheduler-0.16.3.tgz#cef09e3ec9af1d63d2a6cc5b383a737e24e6dcf5"
+  integrity sha512-5cJ8CB4yAx7BH1oMvdU0Jh9lrEXyPkar6F9G/ERswkCuvP4KQZfZkSjcMbAICCpQTN4OuZn8tz0HiKv9TGZgrQ==
+
 "@types/trusted-types@^2.0.2":
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/@types/trusted-types/-/trusted-types-2.0.2.tgz#fc25ad9943bcac11cceb8168db4f275e0e72e756"
@@ -1717,6 +1748,11 @@ css-to-react-native@^3.0.0:
     css-color-keywords "^1.0.0"
     postcss-value-parser "^4.0.2"
 
+csstype@^3.0.2:
+  version "3.1.2"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-3.1.2.tgz#1d4bf9d572f11c14031f0436e1c10bc1f571f50b"
+  integrity sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==
+
 currently-unhandled@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/currently-unhandled/-/currently-unhandled-0.4.1.tgz#988df33feab191ef799a61369dd76c17adf957ea"
@@ -3734,6 +3770,11 @@ type-fest@^0.21.3:
   resolved "https://registry.yarnpkg.com/type-fest/-/type-fest-0.21.3.tgz#d260a24b0198436e133fa26a524a6d65fa3b2e37"
   integrity sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==
 
+[email protected]:
+  version "5.1.3"
+  resolved "https://registry.yarnpkg.com/typescript/-/typescript-5.1.3.tgz#8d84219244a6b40b6fb2b33cc1c062f715b9e826"
+  integrity sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==
+
 unbox-primitive@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/unbox-primitive/-/unbox-primitive-1.0.2.tgz#29032021057d5e6cdbd08c5129c226dff8ed6f9e"