In my code Next.js 15 Image component Is not loading from the local host but it is working in Vercel. The image URL also working and I have done the necessary configuration in the next.js config file. This is my…
I have developed a React+NextJS application. The login page on load uses a useEffect hook to ask my server if the admin account exists. This in turn sets a hook, which affects what content is loaded. const [adminExists, setAdminExists] =…
I am creating platform that has pagination in layout. I don't want to make this layout client side for SEO and Speed. How can I access my searchParams in layout component with SSR ?
In a web app (NextJS/React) I am using react-tabs to handle tabs. I wonder how to keep the tab headers sticky. That is preventing them from scrolling up and disapearing when I scroll up the contents of the page. After…
I am displaying data from another application so when the new data added to that app i want my application get that data and update the UI with the latest data. I am using webhook to get the newly added…
I create an api in nextjs "/api" folder. I have tried several solution but each one returns same error. I am using node-telegram-bot-api and same issue is still occurring. Any information will be very helpful. Thank you import { NextApiRequest,…
I downloaded the Vercel Ecommerce template and want to use it with custom icons. I have installed @svgr/webpack and configured next.config.mjs: export default { images: { formats: ['image/avif', 'image/webp'], remotePatterns: [ { protocol: 'https', hostname: 'cdn.shopify.com', pathname: '/s/files/**' } ]…
so we all know that if we import a server component inside of client component, it will also convert the server one to the client, unless we pass it as children. so a client component with children can return server…
I'm working on a Next.js project that generates images using the Replicate.ai API. Although images are generated correctly on the Replicate.ai dashboard, the API response in my Next.js serverless function returns a ReadableStream instead of the expected image URL. API…
Wondering if there's any way of doing this? I think I could do it if I use dangerouslySetInnerHTML but ideally I'd just call this within my p tag. This is my Json "login": [ { "title": "Hello!", "blurb": "This is…