feat: blog site home page (#565)

* feat: blog site home page * fix: use existing notion client if notion api throws errors * fix: add blog site header and footer * feat: add hero section * feat: post card * feat: add tags * feat: add tag tabs * feat(BlogCard): author block * fix: save cache store * feat: add featured post * feat: use custom slug * save pagination component * feat: mobile view * fix: mobile header * wip: command menu * feat: command menu * feat: search blog with trpc
devrsi0n · Feb 26, 2023 · 8304686 · 8304686
1 parent 87103dd
commit 8304686
Show file tree

Hide file tree

Showing 86 changed files with 8,740 additions and 8,234 deletions.
diff --git a/.npmrc b/.npmrc
@@ -1,3 +1,5 @@
 strict-peer-dependencies=false
 save-exact=true
-public-hoist-pattern[]=*prisma*
+public-hoist-pattern[]=*prisma*
+public-hoist-pattern[]=*mailing*
+registry=https://registry.npmjs.org/
diff --git a/.vscode/launch.json b/.vscode/launch.json
@@ -18,6 +18,18 @@
       "skipFiles": ["<node_internals>/**"],
       "port": 9229
     },
+    {
+      "name": "Next.js: debug full stack",
+      "type": "node-terminal",
+      "request": "launch",
+      "command": "npm run debug",
+      "cwd": "${workspaceFolder}/apps/main",
+      "serverReadyAction": {
+        "pattern": "started server on .+, url: (https?://.+)",
+        "uriFormat": "%s",
+        "action": "debugWithChrome"
+      }
+    },
     {
       "type": "node",
       "name": "vscode-jest-tests",

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -9,6 +9,7 @@
     "blacka",
     "centralus",
     "chromaui",
+    "cmdk",
     "grayd",
     "grayl",
     "jsonb",

diff --git a/apps/comment-bootstrapper/package.json b/apps/comment-bootstrapper/package.json
@@ -16,12 +16,12 @@
     "@testing-library/react": "13.4.0",
     "@types/jest": "29.4.0",
     "@types/node": "16.11.45",
-    "@types/react": "18.0.27",
-    "@types/react-dom": "18.0.10",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "18.0.11",
     "dotenv": "16.0.3",
     "dotenv-cli": "6.0.0",
     "dotenv-expand": "9.0.0",
-    "eslint": "8.33.0",
+    "eslint": "8.34.0",
     "jest": "29.4.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",

diff --git a/apps/e2e/package.json b/apps/e2e/package.json
@@ -15,7 +15,7 @@
     "dotenv": "16.0.3",
     "dotenv-cli": "6.0.0",
     "dotenv-expand": "9.0.0",
-    "eslint": "8.33.0",
+    "eslint": "8.34.0",
     "typescript": "4.9.5"
   },
   "publishConfig": {

diff --git a/apps/emails/package.json b/apps/emails/package.json
@@ -14,7 +14,7 @@
     "autoprefixer": "10.4.13",
     "glob": "8.0.3",
     "postcss": "8.4.21",
-    "tailwindcss": "3.2.4",
+    "tailwindcss": "3.2.7",
     "tailwindcss-box-shadow": "2.0.0",
     "tailwindcss-email-variants": "2.0.0",
     "tailwindcss-mso": "1.3.0"

diff --git a/apps/main/emails/ExceededUsage.tsx b/apps/main/emails/ExceededUsage.tsx
@@ -1,4 +1,5 @@
-import { SUPPORT_LINK } from '@chirpy-dev/utils';
+// @ts-ignore
+import { SUPPORT_LINK } from '@chirpy-dev/utils/dist';
 import { MjmlColumn, MjmlSection } from 'mjml-react';
 import React from 'react';
 

diff --git a/apps/main/next.config.mjs b/apps/main/next.config.mjs
@@ -71,37 +71,37 @@ const nextConfig = {
       },
       ...(isProd
         ? [
-            {
-              source: '/_next/static/(.*)',
-              locale: false,
-              headers: [
-                {
-                  key: 'Cache-Control',
-                  value: 'public, max-age=31536000, immutable',
-                },
-              ],
-            },
-            {
-              source: '/fonts/(.*)',
-              locale: false,
-              headers: [
-                {
-                  key: 'Cache-Control',
-                  value: 'public, max-age=31536000, immutable',
-                },
-              ],
-            },
-            {
-              source: '/videos/(.*)',
-              locale: false,
-              headers: [
-                {
-                  key: 'Cache-Control',
-                  value: 'public, max-age=31536000, immutable',
-                },
-              ],
-            },
-          ]
+          {
+            source: '/_next/static/(.*)',
+            locale: false,
+            headers: [
+              {
+                key: 'Cache-Control',
+                value: 'public, max-age=31536000, immutable',
+              },
+            ],
+          },
+          {
+            source: '/fonts/(.*)',
+            locale: false,
+            headers: [
+              {
+                key: 'Cache-Control',
+                value: 'public, max-age=31536000, immutable',
+              },
+            ],
+          },
+          {
+            source: '/videos/(.*)',
+            locale: false,
+            headers: [
+              {
+                key: 'Cache-Control',
+                value: 'public, max-age=31536000, immutable',
+              },
+            ],
+          },
+        ]
         : []),
     ];
   },

diff --git a/apps/main/package.json b/apps/main/package.json
@@ -16,35 +16,36 @@
     "dev:email": "NEXT_PUBLIC_HOME_ORIGIN=http://localhost mailing preview"
   },
   "dependencies": {
+    "@chirpy-dev/comment-bootstrapper": "workspace:*",
     "@chirpy-dev/emails": "workspace:*",
+    "@chirpy-dev/eslint-config": "workspace:*",
+    "@chirpy-dev/service-worker": "workspace:*",
     "@chirpy-dev/trpc": "workspace:*",
+    "@chirpy-dev/tsconfigs": "workspace:*",
     "@chirpy-dev/types": "workspace:*",
     "@chirpy-dev/ui": "workspace:*",
     "@chirpy-dev/utils": "workspace:*",
-    "@chirpy-dev/comment-bootstrapper": "workspace:*",
-    "@chirpy-dev/eslint-config": "workspace:*",
-    "@chirpy-dev/service-worker": "workspace:*",
-    "@chirpy-dev/tsconfigs": "workspace:*",
     "@radix-ui/colors": "0.1.8",
     "@tensorflow-models/toxicity": "1.2.2",
     "@tensorflow/tfjs": "3.18.0",
     "@tensorflow/tfjs-converter": "3.18.0",
     "@tensorflow/tfjs-core": "3.18.0",
-    "@upstash/qstash": "0.3.4",
+    "@upstash/qstash": "0.3.6",
     "cors": "2.8.5",
-    "github-slugger": "1.5.0",
+    "github-slugger": "2.0.0",
     "gray-matter": "4.0.3",
     "html-loader": "4.2.0",
     "lodash": "4.17.21",
-    "next": "13.1.6",
+    "next": "13.2.1",
     "next-axiom": "0.15.1",
     "next-connect": "0.13.0",
     "next-mdx-remote": "3.0.8",
     "next-plausible": "3.6.4",
-    "next-superjson-plugin": "0.4.9",
+    "next-superjson-plugin": "0.5.4",
     "next-themes": "0.2.1",
-    "nodemailer": "6.7.8",
-    "notion-utils": "6.15.6",
+    "nodemailer": "6.9.1",
+    "notion-types": "6.16.0",
+    "notion-utils": "6.16.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "reading-time": "1.5.0",
@@ -54,79 +55,48 @@
     "rehype-slug": "5.1.0",
     "shiki": "0.11.1",
     "superjson": "1.12.2",
-    "type-fest": "3.5.4",
+    "type-fest": "3.6.0",
     "web-push": "3.5.0",
-    "zod": "3.20.2"
+    "zod": "3.20.6"
   },
   "devDependencies": {
-    "@next/bundle-analyzer": "13.1.6",
+    "@next/bundle-analyzer": "13.2.1",
+    "@radix-ui/colors": "0.1.8",
     "@relative-ci/agent": "4.1.1",
+    "@sendinblue/client": "3.2.2",
     "@types/cors": "2.8.13",
-    "@types/github-slugger": "1.3.0",
     "@types/jest": "29.4.0",
     "@types/lodash": "4.14.191",
+    "@types/mjml-react": "2.0.6",
     "@types/node": "16.11.45",
-    "@types/react": "18.0.27",
-    "@types/react-dom": "18.0.10",
+    "@types/nodemailer": "6.4.7",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "18.0.11",
     "@types/requestidlecallback": "0.3.5",
     "@types/web-push": "3.3.2",
+    "bufferutil": "4.0.7",
+    "classnames": "2.3.2",
+    "color-convert": "2.0.1",
     "configs": "workspace:*",
     "dotenv": "16.0.3",
     "dotenv-cli": "6.0.0",
     "dotenv-expand": "9.0.0",
-    "eslint": "8.33.0",
+    "encoding": "0.1.13",
+    "eslint": "8.34.0",
     "jest": "29.4.1",
-    "postcss": "8.4.21",
-    "tailwindcss": "3.2.4",
-    "typescript": "4.9.5",
-    "webpack": "5.75.0",
-    "@babel/parser": "^7.18.11",
-    "@prisma/client": "^4.4.0",
-    "@radix-ui/colors": "0.1.8",
-    "@reecelucas/react-use-hotkeys": "^1.3.5",
-    "@sendinblue/client": "3.2.2",
-    "@tailwindcss/line-clamp": "^0.4.2",
-    "@types/bcrypt": "^5.0.0",
-    "@types/fs-extra": "^9.0.13",
-    "@types/html-minifier-terser": "^6.1.0",
-    "@types/mjml": "^4.7.0",
-    "@types/mjml-react": "^2.0.4",
-    "@types/node-fetch": "^2.6.1",
-    "@types/nodemailer": "^6.4.4",
-    "@types/prettier": "^2.7.0",
-    "@types/prompts": "^2.0.14",
-    "@types/yargs": "^17.0.10",
-    "autoprefixer": "^10.4.8",
-    "bcrypt": "^5.1.0",
-    "chalk": "^4.1.2",
-    "chokidar": "^3.5.3",
-    "classnames": "^2.3.1",
-    "color-convert": "2.0.1",
-    "email-validator": "^2.0.4",
-    "esbuild": "^0.15.13",
-    "esbuild-register": "^3.3.3",
-    "fs-extra": "^10.1.0",
-    "html-minifier-terser": "^7.0.0",
-    "iron-session": "^6.2.1",
     "mailing": "0.9.10",
     "mailing-core": "0.9.10",
     "mjml": "4.13.0",
     "mjml-react": "2.0.8",
     "next": "13.1.6",
-    "node-fetch": "^2.6.7",
-    "node-html-parser": "^6.1.1",
     "nodemailer": "6.8.0",
     "nodemailer-sendinblue-transport": "2.0.1",
-    "open": "^8.4.0",
-    "posthog-node": "^2.2.3",
-    "prisma": "^4.4.0",
-    "prompts": "^2.4.2",
-    "react-tiny-popover": "^7.1.0",
-    "socket.io": "^4.4.0",
-    "socket.io-client": "^4.4.0",
-    "tree-node-cli": "^1.5.2",
-    "uglify-js": "^3.15.4",
-    "yargs": "^17.5.1"
+    "postcss": "8.4.21",
+    "tailwindcss": "3.2.7",
+    "typescript": "4.9.5",
+    "uglify-js": "3.17.4",
+    "utf-8-validate": "5.0.2",
+    "webpack": "5.75.0"
   },
   "publishConfig": {
     "access": "public"

diff --git a/apps/main/public/images/blog/placeholder.jpeg b/apps/main/public/images/blog/placeholder.jpeg