ci: 🎡 speed insights added (#119)

.github/workflows/ci.yml

@@ -93,9 +93,9 @@ jobs:
   deploy:
     runs-on: ubuntu-latest
     needs: [lint, test, e2e]
-    if: "!contains(github.event.head_commit.message, '[skip ci]')"
+    if: '!contains(github.event.head_commit.message, ''[skip ci]'')'
     steps:
-      - uses: actions/checkout@v2
+      - uses: actions/checkout@v3
       - name: Install Vercel CLI
         run: npm install --global vercel@latest
       - name: Pull Vercel Environment Information

package.json

@@ -22,6 +22,7 @@
   },
   "dependencies": {
     "@contentful/rich-text-react-renderer": "^15.22.11",
+    "@vercel/speed-insights": "^1.0.12",
     "contentful": "^10.6.21",
     "next": "^14.2.13",
     "next-images": "^1.8.5",

pages/_app.tsx

@@ -1,4 +1,5 @@
 import { useEffect, createContext } from "react";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 // Some global styles but then afterward css module pattern instead
 import "../src/styles/globals.scss";
 
@@ -14,6 +15,7 @@ const App = ({ Component, pageProps }) => {
   return (
     <PageContext.Provider value={pageProps.pageContext}>
       <Component {...pageProps} />
+      <SpeedInsights />
     </PageContext.Provider>
   );
 };