I'm simply trying to fetch data in Next js but facing some issues between client and server components. import { useSearchParams } from 'next/navigation'; const searchParams = useSearchParams(); const searchValue = searchParams.get('query'); const url = `${process.env.NEXT_PUBLIC_REQUEST_URL}${searchValue}`; Here I'm grabbing from…
I have a Next.js project. My concern is, the utils/components are easily visible throught the Chrome Developer Tools, as can be seen here: How can I hide them? More importantly, is it safe to have them easily accessible?
I'm currently working on implementing a feature in my React.js project where I want to transform specific patterns from the text typed by user, like ($anyText), into a formatted structure like anyText. This will allow the entered text to be…
I am using Next.js 13 and using the generateMetaData function for dynamic metadata works for openGraph, but how to do it for Twitter meta tags? export async function generateMetadata( {params, searchParams}: Props, parent?: ResolvingMetadata): Promise<Metadata> { return { openGraph: {…
I want share any data for each request, so I create object with these data in rootLayout export interface IProps { children: React.ReactNode; data: any; } export default function RootLayout(props: IProps) { const {children} = props; props.data = {item: "hello"}…
I've encountered the hydration error in nextjs and on debugging I found that when I use the div tag instead of the main tag then it causes this issue. The error that I get Below is the code that caused…
Error: Cannot find module 'next/distclientcomponentsstatic-generation-async-storage.external.js' I have this problem in my nextjs app, I am using typescript and tailwind, I am trying to deploy my app to a shared server which uses cpanel, apache and ubuntu, this error appears when…
I have a navbar with some Link pointing to other pages and other Links pointing to sections of pages I want to know which section is currently active. I tried the usePathname as suggested in the docuemntation but this only…
Whenever a query is submitted in my search bar component, the current webpage doesn't actually change, with only a /? showing up at the end of the website's URL. However, when I manually type in an incorrect page route into…
I just started learning NextJS 13 App route, I'm a bit confused about URLs. enter image description here structure folder: app products [slug] page.tsx components ProductCard.tsx example: // ProductCard.tsx return ( <div> <Link href={`/products/${prod.slug}`} /> </div> ) when click to…