hygraph · lowisren · Feb 15, 2024 · Feb 28, 2024 · Feb 28, 2024 · Feb 28, 2024
diff --git a/with-astro/astro.config.mjs b/with-astro/astro.config.mjs
@@ -1,16 +1,9 @@
-export default {
-  // projectRoot: '.',     // Where to resolve all URLs relative to. Useful if you have a monorepo project.
-  // pages: './src/pages', // Path to Astro components, pages, and data
-  // dist: './dist',       // When running `astro build`, path to final static output
-  // public: './public',   // A folder of static files Astro will copy to the root. Useful for favicons, images, and other files that don’t need processing.
-  buildOptions: {
-    // site: 'http://example.com',           // Your public domain, e.g.: https://my-site.dev/. Used to generate sitemaps and canonical URLs.
-    sitemap: true, // Generate sitemap (set to "false" to disable)
-  },
-  devOptions: {
-    // hostname: 'localhost',  // The hostname to run the dev server on.
-    // port: 3000,             // The port to run the dev server on.
-    // tailwindConfig: '',     // Path to tailwind.config.js if used, e.g. './tailwind.config.js'
-  },
-  renderers: [],
-}
+import { defineConfig } from "astro/config";
+import react from "@astrojs/react";
+import tailwind from "@astrojs/tailwind";
+
+
+// https://astro.build/config
+export default defineConfig({
+  integrations: [tailwind(), react()]
+});
diff --git a/with-astro/package.json b/with-astro/package.json
@@ -11,7 +11,18 @@
     "format": "prettier -w ."
   },
   "devDependencies": {
-    "astro": "^0.20.12",
-    "prettier-plugin-astro": "0.0.10"
+    "@astrojs/tailwind": "^5.1.0",
+    "autoprefixer": "10.4.13",
+    "canvas-confetti": "1.6.0"
+  },
+  "dependencies": {
+    "@astrojs/react": "^3.0.10",
+    "@tailwindcss/typography": "^0.5.9",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
+    "astro": "^4.4.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.4.1"
   }
 }
diff --git a/with-astro/src/env.d.ts b/with-astro/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="astro/client" />
diff --git a/with-astro/src/layouts/default.astro b/with-astro/src/layouts/default.astro
@@ -1,5 +1,5 @@
 ---
-import astroLogo from '../../public/assets/logo.svg'
+import astroLogo from '../../public/favicon.svg'
 ---
 
 <html lang="en">
@@ -11,9 +11,9 @@ import astroLogo from '../../public/assets/logo.svg'
     <link rel="stylesheet" href="/style/global.css" />
   </head>
   <body>
-    <main>
-      <div style="text-align: center;">
-        <img style="width: 50px;" src={astroLogo} alt="Astro Logo" />
+    <main class="container max-w-full min-h-screen">
+      <div style="mx-auto max-w-xl px-4 py-8 text-align: center;">
+        <img style="width: 50px;" src={astroLogo.src} alt="Astro Logo" />
       </div>
       <header>
         <h1>Hygraph with Astro</h1>

diff --git a/with-astro/tsconfig.json b/with-astro/tsconfig.json
@@ -1,3 +1,7 @@
 {
-  "moduleResolution": "node"
-}
+  "extends": "astro/tsconfigs/base",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "react"
+  }
+}
diff --git a/with-nextauth-credentials/package.json b/with-nextauth-credentials/package.json
@@ -10,10 +10,10 @@
     "bcrypt": "5.0.1",
     "graphql": "16.1.0",
     "graphql-request": "3.7.0",
-    "next": "12.0.7",
+    "next": "^14.1.0",
     "next-auth": "4.0.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-hook-form": "7.21.0",
     "react-hot-toast": "2.1.1"
   }

diff --git a/with-nextjs-app-directory/next.config.js b/with-nextjs-app-directory/next.config.js
@@ -1,8 +1,14 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  experimental: {
-    appDir: true,
-  },
-};
-
-module.exports = nextConfig;
+  images: {
+    dangerouslyAllowSVG: true,
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'media.graphassets.com'
+      }, 
+    ]
+
+    },
+}
+module.exports = nextConfig
diff --git a/with-nextjs-app-directory/package.json b/with-nextjs-app-directory/package.json
@@ -10,7 +10,8 @@
   "dependencies": {
     "encoding": "^0.1.13",
     "graphql-request": "^1.8.2",
-    "next": "^13.1.6",
-    "react": "^18.2.0"
+    "next": "^14.1.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   }
 }
diff --git a/with-nextjs-app-directory/src/app/page.jsx b/with-nextjs-app-directory/src/app/page.jsx
@@ -24,7 +24,7 @@ export function generateMetadata() {
 
 export default async function Page() {
   const products = await getProducts();
-  console.log(products);
+  //console.log(products);
   return (
     <div>
       <h1>Products</h1>