Integrate Typeform

.prettierrc.js

@@ -1,10 +1,10 @@
 module.exports = {
-    tabWidth: 4,
-    printWidth: 80,
-    endOfLine: "auto",
-    trailingComma: "all",
-    semi: true,
-    useTabs: false,
-    singleQuote: false,
-    bracketSpacing: true,
+  tabWidth: 2,
+  printWidth: 80,
+  endOfLine: "auto",
+  trailingComma: "all",
+  semi: true,
+  useTabs: false,
+  singleQuote: false,
+  bracketSpacing: true,
 };

next.config.js → next.config.mjs

@@ -1,12 +1,10 @@
-const { withContentlayer } = require("next-contentlayer");
+import "./src/env.mjs";
+import { withContentlayer } from "next-contentlayer";
 
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
-  experimental: {
-    appDir: true,
-  },
   redirects() {
     return [
       {
@@ -23,4 +21,4 @@ const nextConfig = {
   },
 };
 
-module.exports = withContentlayer(nextConfig);
+export default withContentlayer(nextConfig);

package.json

@@ -1,58 +1,59 @@
 {
-    "name": "reactive",
-    "version": "0.1.0",
-    "private": true,
-    "scripts": {
-        "dev": "npx contentlayer build && next dev",
-        "build": "next build",
-        "start": "next start",
-        "lint": "next lint"
-    },
-    "dependencies": {
-        "@vercel/analytics": "^0.1.11",
-        "@vercel/og": "^0.5.2",
-        "clsx": "^1.2.1",
-        "contentlayer": "^0.3.1",
-        "dayjs": "^1.11.7",
-        "next": "^13.3.0",
-        "next-contentlayer": "^0.3.1",
-        "react": "18.2.0",
-        "react-dom": "18.2.0",
-        "react-wrap-balancer": "^0.4.0",
-        "rehype": "^12.0.1",
-        "rehype-autolink-headings": "^6.1.1",
-        "rehype-pretty-code": "^0.9.4",
-        "rehype-slug": "^5.1.0",
-        "remark-gfm": "^3.0.1",
-        "shiki": "^0.14.1",
-        "zod": "^3.21.4"
-    },
-    "devDependencies": {
-        "@tailwindcss/typography": "^0.5.9",
-        "@types/node": "18.15.11",
-        "@types/react": "18.0.35",
-        "@types/react-dom": "18.0.11",
-        "autoprefixer": "^10.4.14",
-        "eslint": "8.38.0",
-        "eslint-config-next": "13.3.0",
-        "husky": "^8.0.3",
-        "lint-staged": "^14.0.1",
-        "postcss": "^8.4.21",
-        "prettier": "^3.0.3",
-        "tailwindcss": "^3.3.1",
-        "typescript": "5.0.4"
-    },
-    "husky": {
-        "hooks": {
-            "pre-commit": "npm run lint"
-        }
-    },
-    "lint-staged": {
-        "*.{ts,tsx}": "npx tsc --noEmit",
-        "*.{ts,tsx,js}": [
-            "npx eslint --fix",
-            "npx prettier --write"
-        ],
-        "*.{md,mdx}": "npx prettier --write"
+  "name": "reactive",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "npx contentlayer build && next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@t3-oss/env-nextjs": "^0.7.1",
+    "@typeform/embed-react": "^3.9.0",
+    "@vercel/analytics": "^1.1.1",
+    "@vercel/og": "^0.6.1",
+    "clsx": "^2.0.0",
+    "contentlayer": "^0.3.1",
+    "dayjs": "^1.11.10",
+    "next": "^14.0.4",
+    "next-contentlayer": "^0.3.1",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "react-wrap-balancer": "^1.1.0",
+    "rehype": "^12.0.1",
+    "rehype-autolink-headings": "^6.1.1",
+    "rehype-pretty-code": "^0.9.4",
+    "rehype-slug": "^5.1.0",
+    "remark-gfm": "^3.0.1",
+    "shiki": "^0.14.1",
+    "zod": "^3.22.4"
+  },
+  "devDependencies": {
+    "@tailwindcss/typography": "^0.5.10",
+    "@types/node": "18.15.11",
+    "@types/react": "18.0.35",
+    "@types/react-dom": "18.0.11",
+    "autoprefixer": "^10.4.16",
+    "eslint": "8.56.0",
+    "eslint-config-next": "14.0.4",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.2.0",
+    "postcss": "^8.4.32",
+    "prettier": "^3.1.1",
+    "tailwindcss": "^3.4.0",
+    "typescript": "5.3.3"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "npm run lint"
     }
+  },
+  "lint-staged": {
+    "*.{ts,tsx,js}": [
+      "npx eslint --fix",
+      "npx prettier --write"
+    ],
+    "*.{md,mdx}": "npx prettier --write"
+  }
 }