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…
I built out a nextjs 13 webapp using clerk for auth. The issue is that the homepage of the web app isn't discoverable on Google. when i Test Live URL, this is how it looks: enter image description here I've…
I have a NEXTJS 13 with Pages directory project. I want to request to our graphql server in every route change. And want to make it from server. But can i do it ? And even if I do it…