Staging (#232)

* Add link to blog

* Update membership info based off the notion details

* upgrade next to 12 plus web vitals and plausible

Co-authored-by: K <[email protected]>
Co-authored-by: Nazeeh Vahora <[email protected]>
Co-authored-by: Erik Ritter <[email protected]>
Co-authored-by: Dhaiwat Pandya <[email protected]>

Author: 5 people

frontend/next-env.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="next" />
-/// <reference types="next/types/global" />
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited

frontend/next.config.js

@@ -3,4 +3,5 @@ const { i18n } = require('./next-i18next.config');
 
 module.exports = withPlausibleProxy()({
   i18n,
+  swcMinify: true,
 });

frontend/package.json

@@ -15,15 +15,15 @@
     "@testing-library/user-event": "^12.1.10",
     "framer-motion": "^4",
     "jest": "^27.2.0",
-    "next": "^11.1.2",
+    "next": "12",
     "next-i18next": "^8.8.0",
-    "next-plausible": "^3.1.4",
+    "next-plausible": "^3.1.9",
     "react": "^17.0.2",
     "react-confetti": "^6.0.1",
     "react-dom": "^17.0.2",
     "react-fast-marquee": "^1.3.1",
     "react-icons": "^4.3.1",
-    "web-vitals": "^1.0.1"
+    "web-vitals": "2.1.4"
   },
   "scripts": {
     "start": "next start",

frontend/public/locales/en/common.json

@@ -41,13 +41,14 @@
   },
   "membership": {
     "title": "How do I join?",
-    "body": "Membership is temporarily closed but will be open again soon. Follow us on Twitter for updates!"
+    "body": "To gain access to Developer DAO you can acquire one of our genesis NFTs on the open market or from another DAO member."
   },
   "links": {
     "title": "Useful links",
     "wiki": "Wiki",
     "forum": "Forum",
-    "snapshot": "Snapshot"
+    "snapshot": "Snapshot",
+    "blog": "Blog"
   },
   "socialLinkLabel": "Opens the Developer DAO {{platform}} in the current tab"
 }

frontend/src/pages/index.tsx

@@ -1,5 +1,6 @@
 import { Divider, useColorMode, VStack } from '@chakra-ui/react';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
+
 import Footer from '../Components/Footer';
 import IntroComponent from '../Components/Intro';
 import Partners from '../Components/Partners';
@@ -9,6 +10,7 @@ export default function IndexPage() {
   const { colorMode } = useColorMode();
 
   return (
+
     <VStack w="full" justify="center" spacing={4}>
       <IntroComponent />
       <Values />

frontend/tsconfig.json

@@ -12,7 +12,8 @@
     "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "incremental": true
   },
   "include": [
     "next-env.d.ts",