📝 docs(config): for export static file

my-loader.ts

@@ -0,0 +1,12 @@
+export default function cloudinaryLoader({
+  src,
+  width,
+  quality,
+}: {
+  src: string;
+  width: number;
+  quality?: number;
+}) {
+//   const params = ["f_auto", "c_limit", `w_${width}`, `q_${quality || "auto"}`];
+  return `${src}`;
+}

next.config.js

@@ -1,10 +1,14 @@
-const { withContentlayer } = require('next-contentlayer')
-
+const { withContentlayer } = require("next-contentlayer");
+const path = require("path");
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
   swcMinify: true,
-  output: "standalone",
+  output: "export",
+  images: {
+    loader: "custom",
+    loaderFile: "./my-loader.ts",
+  },
 };
 
 module.exports = withContentlayer(nextConfig);

package.json

@@ -17,7 +17,8 @@
     "start": "next start",
     "lint": "next lint",
     "lint-staged": "lint-staged — config .lintstagedrc",
-    "commit": "cz-customizable"
+    "commit": "cz-customizable",
+    "serve": "serve ./out"
   },
   "commit": "./node_modules/cz-customizable/standalone.js",
   "config": {

src/app/blog/[slug]/page.tsx

@@ -14,6 +14,9 @@ const getBlogFromParams = async (slug: string) => {
   return blogDetail;
 };
 
+export const generateStaticParams = async () =>
+  allBlogs.map((blog) => ({ slug: blog.slugAsParams }));
+
 type TBlogDetailPageProps = {
   params: {
     slug: string;

src/app/contact-us/page.tsx

@@ -1,4 +1,6 @@
 import Container from "@/components/Common/Container/Container";
+import TitleText from "@/components/Common/TitleText/TitleText";
+import SquareBox from "@/components/Ui/SquareBox/SquareBox";
 import APP_CONFIG from "@/config/config";
 import { Metadata } from "next";
 
@@ -8,6 +10,12 @@ export const metadata: Metadata = {
 };
 
 const ContactUsPage: React.FC = async () => {
-  return <Container> Contact Us Page </Container>;
+  return (
+    <Container>
+      <SquareBox>
+        <TitleText>Contact Us Page</TitleText>
+      </SquareBox>
+    </Container>
+  );
 };
 export default ContactUsPage;

src/app/profile/[slug]/page.tsx

@@ -27,6 +27,9 @@ export async function generateMetadata({
   };
 }
 
+export const generateStaticParams = async () =>
+  allProfiles.map((profile) => ({ slug: profile.slugAsParams }));
+
 type TPProfileDetailPageProps = {
   params: {
     slug: string;