Category "next.js"

SVG element in list, when I hide the first parent, all of next SVG in each section will be hidden too, but not the container

I face a strange bug with Next. With getServerSideProps, I made a request to my api folder, this result a simple JSON. All is good. I display the content perfec

How to implement Razorpay payment button in next.js page

Using the Razorpay payment button on the website is quite simple it gives a code like <form> <script src = "https://cdn.razorpay.com/static/widget/p

How do you get "x-" headers in Next.js

I am following an example from Sara Vieira's Opinionated Guide to React. In the example, she is doing something like this: export async function getServerSide

Next.js: Module not found: Can't resolve 'canvg'

I have a next.js project and I keep getting: error - ./node_modules/jspdf/dist/jspdf.es.min.js:458:25 Module not found: Can't resolve 'canvg' I'm not sure why

How to install the tailwind elements in nextjs?

I am installing the tailwind elements for the slider in nextjs, but it is not working in the nextjs there is any solution to install it in an easy way. [I follo

Cannot import Tone.js is in a Next.js project

I'm unable to import Tone in my Next.js project. I have Tone as a dependency, but when I run import * as Tone from 'tone' Next says it can't find the module nod

Attempted import error: 'Wallet' is not exported from '@project-serum/anchor'

Trying to import the Wallet class but getting error in title at runtime. This issue apparently should have been fixed in v0.21+ but it doesn't appear to work in

Tailwinds + Ant design : Button color is white but has own color wnen I hover it

I applied the tailwind CSS and Ant design with my Next.js project. I found the primary button got a white color. But it shows own primary button color when the

Strapi + Next.JS + docker-compose: Is static generation impossible during build?

When I try to build my Next.JS application, which has a getStaticProps() function to get data from Strapi, the fetch fails. It fails because it is unable to res

Cannot get external images in NextJS with Custom server Express

I'm developing NextJS app with custom server by ExpressJS, and the app cannot show external image, code example: export function DocumentSection({content}) {

How to implement Twak.to widget in a Next JS website?

I have tried what is written on their @tawk.to/tawk-messenger-react plugin docs? I have made a component like /components/Chat.js import TawkMessengerReact from

Why can't I read a JSON file on Vercel when using Next.js SSR?

I have a barebones Next.js project consisting of three main files (listed below) where I'm trying to generate the index page with data from a JSON file. If I de

How to use self-hosted fonts face using NextJS?

Fonts using NextJS I have read different topics about how to use self-hosted fonts with NextJS. What I got [ wait ] compiling ... when I did: @font-face {

Server-side rendering not working on production Next.js

I am serving my next.js on Vercel (I tried Amplify as well). Page works but components that require data from getServerSideProps() in my pages/index.tsx are not

Why my enum type wont work in Next.js project

I getting this error "Type 'string' is not assignable to type '"left" | "right"'." Project running on Next.js Here is my type definiton export interface TwoColu

How to generate Sitemap in Strapi v3.6.8 with strapi-plugin.sitemap v1.2.5

I am using Strapi v3.6.8 and installed strapi-plugin-sitemap 1.2.5. After I fill the data in the plugin: Hostname: localhost:1337 Include home page: ON Exclude

How to generate Sitemap in Strapi v3.6.8 with strapi-plugin.sitemap v1.2.5

I am using Strapi v3.6.8 and installed strapi-plugin-sitemap 1.2.5. After I fill the data in the plugin: Hostname: localhost:1337 Include home page: ON Exclude

js and css not loading when hosting next application on GitHub pages

Next.js builds all the static assets in _next folder but Github pages does not need to serve those files. I am 404 for static assets. Example repo: https://git

Using Prisma with Yarn v3

I am building an app using Next.js, Next-Auth, and Prisma. I am using API Routes for backend code. Recently, I upgraded Yarn on my pc to v3.1.1. I then created

NextJs Link component wrapping Image causes errors when mapping over array unless used in top level page component

I am trying to utilise NextJs's <Link /> tag to wrap a NextJs <Image /> in my application, to map over an array of data. If I place a <Link />