next.js expert now

src/components/WebSearchResults.jsx

@@ -59,3 +59,14 @@ export default function WebSearchResults({ aiResponse, results }) {
     </div>
   );
 }
+
+
+export async function getStaticProps(context) {
+  // You can access the query parameters of the request with context.query
+  const searchParams = context.query;
+
+  // TODO: Perform any necessary operations with searchParams
+
+  // Return searchParams as a prop to your page
+  return { props: { searchParams } };
+}

src/{app/page.jsx → pages/index.js}

@@ -1,6 +1,7 @@
 import HomeHeader from "@/components/HomeHeader";
 import HomeSearch from "@/components/HomeSearch";
 import Image from "next/image";
+import "@/app/globals.css";
 
 export default function Home() {
   return (
@@ -23,13 +24,12 @@ export default function Home() {
   );
 }
 
-
-export async function getStaticProps(context) {
-  // You can access the query parameters of the request with context.query
-  const searchParams = context.query;
-
-  // TODO: Perform any necessary operations with searchParams
-
-  // Return searchParams as a prop to your page
-  return { props: { searchParams } };
+export async function getServerSideProps(context) {
+    // You can access the query parameters of the request with context.query
+    const searchParams = context.query;
+  
+    // TODO: Perform any necessary operations with searchParams
+  
+    // Return searchParams as a prop to your page
+    return { props: { searchParams } };
 }