export const getStaticProps = async () => {
  try {
    const resp = await serverSideAxiosInstance.get('/api/common/blogs/all')
    console.log('resp => ', resp.data)

    return {
      props: {
        blogs: resp.data.payload,
      },
    }
  } catch (error) {
    return {
      notFound: true,
    }
  }
}

export const getStaticPaths = async () => {
  try {
    // Fetch the dynamic data to create paths for each project
    const resp = await serverSideAxiosInstance.get('/api/common/blogs/all')
    const blogs = resp.data.payload

    // Create an array of paths with the `slug` parameter
    const paths = blogs.rows.map(blog => {
      return { params: { slug: blog.slug } }
    })

    return {
      paths,
      fallback: false, // If fallback is set to false, any paths not returned by getStaticPaths will result in a 404 page.
    }
  } catch (error) {
    console.error('Error while generating paths:', error)
    return {
      paths: [],
      fallback: false,
    }
  }
}

await res.revalidate('/blogs')
await res.revalidate('/blog/new-slug-name')

export const getStaticProps = async context => {
  try {
    const { slug } = context.params

    const resp = await serverSideAxiosInstance.get(`/api/common/blogs/${slug}/details`)

    return {
      props: {
        blog: resp.data.payload,
      },
    }
  } catch (error) {
    return {
      notFound: true,
    }
  }
}

// Add getStaticPaths function here
export const getStaticPaths = async () => {
  try {
    // Fetch the dynamic data to create paths for each project
    const resp = await serverSideAxiosInstance.get('/api/common/blogs/all')
    const blogs = resp.data.payload

    // Create an array of paths with the `slug` parameter
    const paths = blogs.rows.map(blog => {
      return { params: { slug: blog.slug } }
    })

    return {
      paths,
      fallback: false, // If fallback is set to false, any paths not returned by getStaticPaths will result in a 404 page.
    }
  } catch (error) {
    console.error('Error while generating paths:', error)
    return {
      paths: [],
      fallback: false,
    }
  }
}

// pages/blogs/[slug].tsx
import {
  GetStaticPathsResult,
  GetStaticPropsContext,
  GetStaticPropsResult,
} from "next";

export async function getStaticPaths(): Promise<GetStaticPathsResult> {
  const allBlogs = await getAllBlogs();
  return {
    paths: allBlogs.map((blog) => ({ slug: blog.slug })),
    fallback: "blocking",
  };
}

export async function getStaticProps({
  params,
}: GetStaticPropsContext): Promise<GetStaticPropsResult<{ title: string }>> {
  const blog = await getBlog(params.slug);
  if (!blog) return { notFound: true };
  return { props: { title: blog.title } };
}

// pages/blogs/[slug].jsx
export async function getStaticPaths() {
  const allBlogs = await getAllBlogs();
  return {
    paths: allBlogs.map((blog) => ({ slug: blog.slug })),
    fallback: "blocking",
  };
}

export async function getStaticProps({ params }) {
  const blog = await getBlog(params.slug);
  if (!blog) return { notFound: true };
  return { props: { title: blog.title } };
}

I deleted it as well

const resp = await serverSideAxiosInstance.get('/api/common/blogs/all')
    const blogs = resp.data.payload
    console.log({ blogs })

serverSideAxiosInstance.get('/api/common/blogs/all')