add logo and work on posts

components/Header.tsx

@@ -6,8 +6,8 @@ function Header() {
  <div className="flex items-center space-x-5">
  <Link href="/">
  <img
- className="w-44 object-contain cursor-pointer"
- src="/public/chaintools-logo-black.svg"
+ className="w-44 h-16 object-contain cursor-pointer"
+ src="/chaintools-logo-clear.svg"
  alt=""
  />
  </Link>

package.json

@@ -6,6 +6,7 @@
  "start": "next start"
  },
  "dependencies": {
+ "@sanity/image-url": "^1.0.1",
  "next": "latest",
  "next-sanity": "^0.5.2",
  "react": "18.1.0",

pages/index.tsx

@@ -1,7 +1,7 @@
 import Head from "next/head";
 import Link from "next/link";
 import Header from "../components/Header";
-import { sanityClient} from "../sanity";
+import { sanityClient, urlFor } from "../sanity";
 import { Post } from "../typings";
 
 interface Props {
@@ -34,8 +34,8 @@ export default function Home({ posts }: Props) {
  </div>
 
  <img
- className="hidden md:inline-flex h-32 lg:-full"
- src="/public/chaintools-logo-black.svg"
+ className="hidden md:inline-flex h-36 lg:-full"
+ src="chaintools-logo-black.svg"
  alt=""
  />
  </div>
@@ -46,7 +46,8 @@ export default function Home({ posts }: Props) {
  <Link key={post._id} href={`/post/s{post.slug.current}`}>
  <div>
  <h1> i am a post</h1>
- {/* //<img src={urlFor(post.mainImage).url()!} alt="" /> */}
+
+ {/* <img src={urlFor(post.mainImage).url()!} alt="" /> */}
  </div>
  </Link>
  ))}

sanity.js

@@ -1,33 +1,36 @@
 import {
-  createImageUrlBuilder,
-  createCurrentUserHook,
-  createClient,
+ createImageUrlBuilder,
+ createCurrentUserHook,
+ createClient,
 } from "next-sanity";
 
 export const config = {
-  /**
-  * Find your project ID and dataset in `sanity.json` in your studio project. 
-  * There are considered "public", but you can use enviroment variables
-  * if you want differ between local dev and production.
-  * 
-  * https://nextjs.org/docs/basic-features/enviroment-variables
-  **/
-  dataset: process.env.NEXT_PUBLIC_SANITY_DATASET || "production",
-  projectId: process.env.NEXT_PUBLIC_SANITY_PROJECT_ID,
-  apiVersion: "2021-03-25",
-  /**
-  * Set useCdn to `false` if your application require the freshest possible
-  * data always (potentially slightly slower and a bit more expensive).
-  * Authenticated request (like preview) will always bypass the CDN
-  **/
-  useCdn: process.env.NODE_ENV === "production",
+ /**
+ * Find your project ID and dataset in `sanity.json` in your studio project.
+ * These are considered “public”, but you can use environment variables
+ * if you want differ between local dev and production.
+ *
+ * https://nextjs.org/docs/basic-features/environment-variables
+ **/
+ dataset: process.env.NEXT_PUBLIC_SANITY_DATASET || "production",
+ projectId: process.env.NEXT_PUBLIC_SANITY_PROJECT_ID,
+ apiVersion: "2021-10-21", // Learn more: https://www.sanity.io/docs/api-versioning
+ /**
+ * Set useCdn to `false` if your application require the freshest possible
+ * data always (potentially slightly slower and a bit more expensive).
+ * Authenticated request (like preview) will always bypass the CDN
+ **/
+ useCdn: process.env.NODE_ENV === "production",
 };
 
 // Set up the client for fetching data in the getProps page functions
 export const sanityClient = createClient(config);
 
-// Helper function for using the current logged in your account
+/**
+ * Set up a helper function for generating Image URLs with only the asset reference data in your documents.
+ * Read more: https://www.sanity.io/docs/image-url
+ **/
 export const urlFor = (source) => createImageUrlBuilder(config).image(source);
 
-// helper function for using the current logged in user account
-export const useCurrentUser = createCurrentUserHook(config);
+// Helper function for using the current logged in user account
+export const useCurrentUser = createCurrentUserHook(config)