“Property does not exist” when I want to use model added in Prisma.schema
I tried prisma generate and prisma migrate dev but was still having the same error. I had to restart VSCode and everything is working fine now
next.js
Failed to load config “next/babel” to extend from eslintrc.json
I think, this might have to do with this weird hackfix that is being touted in a bunch of places that tells you to place next/babel in your eslint config file for some reason (e.g. here). It probably was a hackfix for an old bug in older next.js versions. But as of (at least) summer … Read more
NextJS deployed to Vercel: 404 page not found
Go to Project Settings Change Framework preset from Other to Next.js Redeploy the project.
Next JS: Warn User for Unsaved Form before Route Change
It seems there is no perfect way to this but I handle it with this little trick: React.useEffect(() => { const confirmationMessage=”Changes you made may not be saved.”; const beforeUnloadHandler = (e: BeforeUnloadEvent) => { (e || window.event).returnValue = confirmationMessage; return confirmationMessage; // Gecko + Webkit, Safari, Chrome etc. }; const beforeRouteHandler = (url: string) … Read more
Next.js 13 devDependencies?
As @kelvin has mentioned in a commentary, one of the members of Vercel has explicitly stated: Hi, this is expected. Next.js is not relying on dependencies vs. devDependencies either if you host on platforms like Vercel or use output: “standalone”. So the proper answers to your questions are: Is Next.js 13 do the minification itself … Read more
Create upload files api in next.js
You can upload files with Next.js API routes. Example with default Next.js body parse API handler export default (req, res) => { // req.body contains a content of an uploaded file + headers } req.body is a string that contains related HTTP headers in the beginning like ——WebKitFormBoundarydj2uhBXPZtD3nte3 Content-Disposition: form-data; name=”your_input_name”; filename=”your_file_name.json” Content-Type: application/json your … Read more
How to allow all domains for Image nextjs config?
It works for me, accordingly next.js documentation: const nextConfig = { images: { remotePatterns: [ { protocol: “https”, hostname: “**”, }, ], }, }; Next.js configuration options
Next/Image’s components are too slow to appear
I’ve been having trouble with the same issue, mostly in Slider components. Basically, because the image is off-screen until the Slider moves it into view, there is a delay and it doesn’t show for a short time, which looks nasty. Solution: Add the sharp package. The problem comes from the default image processor that NextJS … Read more
NEXTJS: getServerSideProps not working into components
You cannot use getServerSideProps in non-page components. You can either pass the prop from Home to HomeSection or create a context so the value can be available globally from the component tree getServerSideProps can only be exported from a page. You can’t export it from non-page files. https://nextjs.org/docs/basic-features/data-fetching#only-allowed-in-a-page-2
NextJS middleware does not seem to be triggered
Latest versions of NextJS requires the user to have a single middleware file on the same level as the pages folder. Instead of {root}/pages/middleware.js, try {root}/middleware.js and if you have a src folder try {root}/src/middleware.js.