Delete backend/config/env/production directory

.env

@@ -0,0 +1,2 @@
+NEXT_PUBLIC_BACKEND_URL='127.0.0.1:1337'
+NEXT_PUBLIC_SITE_URL='http://localhost:3000'

app/(routes)/(home)/page.tsx

@@ -5,9 +5,8 @@ import { getCategories } from "@/store/server/categories/queries"
 import { getInitialBooks } from "@/utils/utilFuncs"
 
 export default async function Home() {
-  const categories = await getCategories(true)
+  const categories = await getCategories(true)  
   const books = await getInitialBooks(categories)
-
   return (
     <main>
       <HeroSection />

app/(routes)/categories/CategoriesSection.tsx

@@ -3,7 +3,7 @@
 import Link from "next/link"
 import BookRow from "@/components/BookRow"
 import CaretDownIcon from "@/icons/CaretDownIcon"
-import { useCategories } from "@/store/server/categories/queries"
+// import { useCategories } from "@/store/server/categories/queries"
 import { Categories } from "@/store/server/categories/types"
 import { Books } from "@/store/server/books/types"
 
@@ -16,12 +16,18 @@ export default function CategoriesSection({
   categories,
   books,
 }: CategoriesSectionProps) {
-  const { data } = useCategories({ categories })
+  // const { data } = useCategories({ categories })
+
+  let data = [
+    {name: "New Arribes", slug: "new-arribes"},
+    {name: "Best Seller", slug: "best-seller"},
+    {name: "Novel", slug: "novel"}
+  ]
 
   return (
     <>
-      {data.length > 0 &&
-        data.map(({ name, slug }) => (
+      {data?.length > 0 &&
+        data?.map(({ name, slug }) => (
           <section key={slug} className="pb-6">
             <div className="flex items-baseline justify-between">
               <h2 className="font-serif text-2xl font-medium capitalize md:text-2xl">

app/layout.tsx

@@ -71,8 +71,12 @@ export const metadata = {
         url: `${process.env.NEXT_PUBLIC_SITE_URL}/icons/favicon-32x32.png`,
       },
     ],
-  },
-  themeColor: "#EDF4F4",
+  }
+}
+
+export const viewport = {
+  width: 1,
+  themeColor: '#EDF4F4',
 }
 
 export default function RootLayout({

backend/config/env/production/server.js

@@ -0,0 +1,6 @@
+module.exports = ({ env }) => ({
+    url: env("RENDER_EXTERNAL_URL"),
+    dirs: {
+      public: "/data/public"
+    },
+  });