Questions tagged [vercel]

Vercel is the platform for frontend developers. Vercel has zero-configuration support for 35+ frontend frameworks and integrates with your headless content, commerce, or database of choice.

Vercel is the platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration.

They enable teams to iterate quickly and develop, preview, and ship delightful user experiences. Vercel has zero-configuration support for 35+ frontend frameworks and integrates with your headless content, commerce, or database of choice.

2631 questions
4
votes
4 answers

Next-auth Receiving 404 after login attempt in deployed Vercel application

Developing a next.js application that uses next-auth for authentication. It is currently setup with GitHub as the only Provider. In development, the authentication works just fine. In production, after I click "Sign in with GitHub", I am directed to…
4
votes
1 answer

invalid json response body error, while deploying Next.js app to Vercel

App builds fine locally and works on local production server + development server. The api used to fetch data is working fine. Code which is producing the error export const getStaticProps = async () => { const resp = await fetch( …
Speedy11
  • 197
  • 1
  • 5
  • 11
4
votes
1 answer

Next.js + Vercel: Dynamic images displaying locally, but not in production

I'm using dynamic images. Everything works fine on localhost, but as soon as I deploy my next.js-app on vercel, only the fallback image is shown (I get a 404 error for the default image). Btw, when I hard-code an image, instead of using the dynamic…
Ewax_Du
  • 325
  • 1
  • 8
  • 22
4
votes
1 answer

Sveltekit serverless adapter like vercel or adapter static?

I developed a site with sveltekit:svelte: (@sveltejs/kit": "1.0.0-next.95). The articles are written markdown so I am using mdsvex for the conent. I deployed the site both with adapter vercel and adapter static in cloudflare pages. Both scripts…
devnull
  • 2,752
  • 1
  • 21
  • 38
4
votes
5 answers

Deploying NextJS to Vercel failed

I am trying to deploy an app to Vercel, and getting this error at build 14:13:58.168 Cloning github.com/ChrisB007/moodflics (Branch: main, Commit: 7a2acfe) 14:13:58.575 Cloning completed: 406.06ms 14:13:58.624 Analyzing source…
user12954623
4
votes
1 answer

NextJS getStaticProps is making mulitple requests to the same endpoint with fallback: true

I've noticed my next application is making a ton of requests to my backend on page load. I'm using getStaticPaths and getStaticProps for when a path wasn't built at build-time so the fallback is used. The multiple requests don't happen with…
Scott O'Dea
  • 133
  • 1
  • 7
4
votes
2 answers

Nextjs api "pages/api" doesn't work on vercel server

Hello guys may you help me? I'm trying to configure my fake API to create some personal projects but in my case, the method using the /pages/api folder only works for me in localhost when I deploy to the server on Vercel the project can't find my…
luanmessias
  • 96
  • 1
  • 6
4
votes
1 answer

Failing Next.js deployment on Vercel

While deploying project on vercel getting this issue , fileName: comps/Navbar.js imported as import Navbar from "./Navbar"; 16:36:51 ModuleNotFoundError: Module not found: Error: Can't resolve '../comps/navbar' in…
Piyush Gupta
  • 62
  • 1
  • 5
4
votes
3 answers

How can i upload file using formidable with nextjs on vercel

api/upload.js import formidable from 'formidable'; export const config = { api: { bodyParser: false, }, }; export default async (req, res) => { const form = new formidable.IncomingForm(); form.uploadDir = "./"; form.keepExtensions =…
Rahul
  • 1,858
  • 1
  • 12
  • 33
4
votes
0 answers

How to enable cors in Vercel

I've been trying to find a solution to the CORS error I currently have in my app, It's a VueJS project with no backend. I'm aware of the cors-anywhere proxy, but I can't use it because it changes the locality of the API, I've also tried using a…
dayo
  • 77
  • 1
  • 5
4
votes
2 answers

NextJS Error: Your `getServerSideProps` function did not return an object

I have a reddit like application. The node/express TypeORM server with postgres db is on Heroku. The client with Next.js is on Vercel. Registration, comments, upvote/downvote are working fine. When I try to create a new community I get the following…
Vilmos Szabó
  • 167
  • 1
  • 2
  • 10
4
votes
0 answers

Swiper sometimes huge when used on server side rendering

Swiper Version: 6.3.5. Platform/Target: Chrome, safari, edge etc (all modern browsers + mobile browsers). Live Link with isssue: https://bouclesandwaves-p67ctnmpb.vercel.app I'm using REACT version of swiper. When you load the page it all works…
Enforcerke
  • 75
  • 5
4
votes
3 answers

How to send an image file using formdata to React/Next js api?

I am trying to send a file to api in a next js app. The image will be uploaded to cloudinary: Function calling api is: async uploadButtonClicked(imageUpload) { const formData = new FormData(); //formData.append('test', "testing"); …
Kal
  • 1,656
  • 4
  • 26
  • 41
4
votes
1 answer

Vercel and Pythonanywhere | Deploy separtly frontend and backend on domain and subdomain

I've been working on a project using Django as backend and React as a framework for the frontend. I've deployed this project in Pythonanywhere and it worked fine. Now, I would like to implement Next.js in my project but, unfortunately,…
VicenteC
  • 311
  • 7
  • 26
4
votes
1 answer

Nextjs emotionjs and vercel: Error [ERR_REQUIRE_ESM]: Must use import to load ES Module: ..@emotion/cache/node_modules/stylis/dist/stylis.umd.js

Here's the message when deployed. Code to replicate this error: http://github.com/jojonicho/next-apollo-codegen