We have an app where the Admin adds events dynamically. Let's say our event has a URL : abc.com/100/Rishikesh-Retreat or abc.com/100/Mumbai-Retreat Now, my query is how Google will index these dynamic pages. Shall I update my sitemap.xml every 24 hours…
My next js was working as expected till I tried to do npm run build and npm run export, then the error started to appear whenever I tried to do npm run dev Failed to compile Next.js (14.2.7) ./src/@menu/styles/styles.module.css TypeError:…
EDIT: I've found what was messing up. I was wrapping my subpages return elements into main layout component. My bad. Thanks for answers guys. so I have a problem with the Link component. I have an app directory with layout.tsx,…
I want to use Red Hat Display font in my project. Should I download all different variants of the in local repository i.e. RedHatDisplay-Light,RedHatDisplay-Regular, RedHatDisplay-SemiBold etc. and then use next/font/local to optimize it or should I use 'import Red_Hat_Display from…
I've got a weird issue with my nextjs app on a ubuntu box. I'm using nginx. I have the uploads folder in the nginx config for the site: location /uploads { alias /home/ubuntu/staging/thomson-print-portal/current/public/uploads; expires 1y; add_header Cache-Control "public, max-age=31536000, immutable";…
When the first request is sent, isVoting will be set to "true". In this case, until isVoting is set to "false", another request should not be allowed to be sent. But somehow isVoting is still "false" when i try to…
i'm using next.js import WysiwygEditor from "../wysiwygEditor"; const CreatePost = () => { const editorRef = useRef<any>(null); const printRefCurrent = () => { console.log(editorRef.current); } return ( <> <WysiwygEditor ref={editorRef} /> <button onClick={printRefCurrent}>Click</button> </> ); }; export default CreatePost; import…
i would like to create a framer motion animation in React that removes and element on click and visualizes another element. Here is an example example This is my code: {!tileOpen ? ( <motion.div whileHover={{ scale: 1.2 }} onClick={handleTrigger} className={styles.tile}…
I'm trying to migrate Jest from version 26 to 27 in my Next.js 13 project but facing the following error while running test after updating to Jest 27 version - FAIL src/__tests__/app.test.tsx ● Test suite failed to run Cannot combine…
I'hv been doing tutorial from JSMastery about figma and locofy. The problem is when i try run the project in vscode. when I try npm start this problem appear: Error: Could not find a production build in the '.next' directory.…