refactor: prepare sanity and next upgrades

Author: 0-vortex

components/shared/ImageBox.tsx

@@ -17,13 +17,24 @@ export default function ImageBox({
   height = 2000,
   size = '100vw',
   classesWrapper,
+  ...props
 }: ImageBoxProps) {
   const imageUrl = image && urlForImage(image)?.height(height).width(width).fit('crop').url()
 
   return (
-    <div className={`w-full overflow-hidden rounded-[3px] bg-gray-50 ${classesWrapper}`}>
+    <div
+      className={`w-full overflow-hidden rounded-[3px] bg-gray-50 ${classesWrapper}`}
+      data-sanity={props['data-sanity']}
+    >
       {imageUrl && (
-        <Image className="absolute h-full w-full" alt={alt} width={width} height={height} sizes={size} src={imageUrl} />
+        <Image
+          className="absolute h-full w-full"
+          alt={alt}
+          width={width}
+          height={height}
+          sizes={size}
+          src={imageUrl}
+        />
       )}
     </div>
   )

next.config.mjs

@@ -1,7 +1,10 @@
 /** @type {import('next').NextConfig} */
 const config = {
   images: {
-    remotePatterns: [{ hostname: 'cdn.sanity.io' }, { hostname: 'source.unsplash.com' }],
+    remotePatterns: [
+      { hostname: 'cdn.sanity.io' },
+      { hostname: 'source.unsplash.com' },
+    ],
   },
   typescript: {
     // Set this to false if you want production builds to abort if there's type errors

npm-shrinkwrap.json

@@ -35,10 +35,7 @@
     "@sanity/vision": "^3.18.0",
     "@tailwindcss/typography": "^0.5.10",
     "@vercel/og": "^0.5.17",
-    "classnames": "^2.3.2",
     "clsx": "^2.0.0",
-    "date-fns": "^2.30.0",
-    "intl-segmenter-polyfill": "^0.4.4",
     "next": "^13.5.4",
     "next-sanity": "^5.5.6",
     "next-themes": "^0.2.1",

package.json

@@ -18,7 +18,8 @@ export default defineType({
     }),
     defineField({
       name: 'overview',
-      description: 'Used both for the <meta> description tag for SEO, and the personal website subheader.',
+      description:
+        'Used both for the <meta> description tag for SEO, and the personal website subheader.',
       title: 'Description',
       type: 'array',
       of: [
@@ -60,7 +61,8 @@ export default defineType({
     defineField({
       name: 'showcaseProjects',
       title: 'Showcase projects',
-      description: 'These are the projects that will appear first on your landing page.',
+      description:
+        'These are the projects that will appear first on your landing page.',
       type: 'array',
       of: [
         defineArrayMember({

schemas/singletons/home.ts

@@ -34,7 +34,8 @@ export default defineType({
     }),
     defineField({
       name: 'footer',
-      description: 'This is a block of text that will be displayed at the bottom of the page next to the footer.',
+      description:
+        'This is a block of text that will be displayed at the bottom of the page next to the footer.',
       title: 'Footer Info',
       type: 'array',
       of: [