Questions tagged [vercel]

Seeking assistance with software development queries related to Vercel, an innovative cloud deployment platform optimized for front-end applications.

Cancelling a lengthy external API request within a Vercel serverless function

My Vercel serverless function includes a request to an external API using node fetch. To prevent it from running for too long, I am planning to set a timeout of one second for aborting the external request if it exceeds this threshold. Do you think this i ...

Executing npm build within a prebuild script on Vercel to compile a Next.js application

I am in the process of developing a unique Markdown- / MDX-based platform for blogging (take a look at my project on GitHub). I want to give users the ability to incorporate their own React components into the content section of their MDX files. The Chall ...

Encountering build issues with Next.js on Vercel and local environments

As I work on my first Next.js website, I encountered a build error that persists both locally and on Vercel. Interestingly, I managed to achieve a successful local build at one point, but it no longer works. Here is an excerpt from my package.json: ...

Dealing with the issue of needing to include "%20" in the URL after receiving a NextJS build

Currently, I am working on a simple NextJS (v13) project utilizing TheMoviedb API. I am fetching images and titles of content with an API request in this project. The image paths can be accessed using a variable named dt, which corresponds to either backdr ...

Vercel encountered issues with "validating code quality and type correctness" during deployment but was successful when performed locally

Running "next build" locally and "vercel build" both work smoothly. However, once deployed to vercel, the "Linting and checking validity of types" fails during the build process. It seems like TypeScript is stricter when building on vercel even with the sa ...

What is the best way to showcase information retrieved from a Route Handler in NextJS v13.4?

I have successfully utilized the new app router to create a route handler for a GET request and received the data in my console. Now, I am looking to integrate this data into NextJS v13.4. How can I achieve this? Below is the route handler I created to fe ...

When I try to deploy to Vercel, I often encounter errors in Next.js that I didn't come across while developing. How can I address these issues pro

Recently, as I began deploying to Vercel, an issue arose where I needed to constantly check for errors during the build process. Strict TypeScript errors and messages like "Can't use <img> tag, please use next/image" kept cropping up after each ...

Issues with routing on Zeit Now platform are causing a 404 NOT FOUND error when attempting to reload pages that are not the

Recently, I purchased a Next.js template from Themeforest and attempted to deploy it to Zeit Now. This particular project is set up as a monorepo using Lerna and Yarn workspace. The code for the Next.js app can be found inside the packages/landing folder. ...

Puppeteer works flawlessly on my local machine, but encounters an issue when deployed on Vercel

In my ongoing development of a nextjs project, I encountered the need to utilize puppeteer alongside an API endpoint to load and analyze webpages. The project is deployed and hosted on Vercel. The current implementation that successfully runs locally invo ...

Issues with Facebook fetching the wrong OG tags for a NextJS project on Vercel deployment

I recently completed my project with NextJS and successfully deployed it on Vercel. The URL for my project on Vercel is https://my-project.vercel.app, while my custom domain (configured in the project settings on the Vercel dashboard) is www.example.com. ...

Tesseract employee loading issue experienced on Vercel platform

Seeking assistance on a unique issue I am facing with an OCR reader using Tesseract.js in my Next JS app. The reader functions properly on my local site and is able to read the image, but when deployed to Vercel it gets stuck at this specific line... awai ...

NextJS: encountered an error with fallback enabled

I have my NextJS setup on Vercel and here is how I configured getStaticPaths: const paths = posts.map((post) => ({ params: { player: post.player, id: post.id }, })) return { paths, fallback: true } However, when I set the fallback to true, I ...

I am experiencing difficulty viewing the vercel deployed content on my personal domain website

After successfully creating and deploying a small project on Vercel, everything seemed to be running smoothly with the generated URL. However, I encountered an issue when trying to use a custom domain from GoDaddy. Despite following all the necessary ste ...

Error: The module cannot be found. Reason: Unable to resolve '../config' in '/vercel/path0/components'

Encountered an issue while deploying my next.js app through Vercel. The app runs smoothly locally using the 'npm run dev' command. However, when attempting to deploy it via Vercel with a remote GitHub repository, I encountered the following error: 16:1 ...

When running Nextjs locally, Sendgrid functions seamlessly. However, when I deploy it on Vercel, Sendgrid

I've successfully tested this locally, but encountered a "Response Error: Unauthorized" when deploying on Vercel. After creating and verifying a Single Sender Verification on Sendgrid, I attempted to generate a new API key, but the issue persists. I ...

Issue arises when component is mistakenly displayed in the header upon deployment on Vercel platform

When deploying my NextJS app to Vercel, I encounter an issue where state-based modals that should be hidden are displaying. Additionally, the modals are rendering in the header instead of center-screen as expected. Surprisingly, these problems do not occur ...

I encountered an error while trying to deploy my next.js project on Vercel - it seems that the module 'react-icons/Fa' cannot be found, along with

I'm currently in the process of deploying my Next.js TypeScript project on Vercel, but I've encountered an error. Can someone please help me with fixing this bug? Should I try running "npm run build" and then push the changes to GitHub again? Tha ...

What is the best way to modify the views directory for deploying on Vercel?

Currently facing an issue trying to deploy my Express application with EJS template on Vercel. Post deployment, encountering an internal server error along with the following message in the logs: Error: Failed to lookup view "home.ejs" in views directory " ...

nodejs - pkg encountered an error: only one entry file or directory should be specified

I am currently facing issues with packing my simple cli node script using pkg. After running the command below: host:~ dev$ pkg /Users/dev/Desktop/myscript/ --target node14-macos-x64 node14-linux-x64 node14-win-x64 I encountered an error in the terminal: ...

The Vercel error indicates that the file or directory '/var/task/node_modules/shiki/themes/one-dark-pro.json' does not exist

import { serialize } from 'next-mdx-remote/serialize'; import readingTime from 'reading-time'; import remarkGfm from 'remark-gfm'; import rehypeSlug from 'rehype-slug'; import rehypeAutolinkHeadings from 'rehype-autolink-headings'; import rehypePrettyCode ...

I am struggling to locate the module '@next/env' in Next.js Vercel

After successfully developing a Next.js app on my local machine, I encountered an issue when trying to deploy it on Vercel - it kept giving me the error message Cannot find module '@next/env'. You can see the full error message here. I suspect that the pr ...

Error 504 'FUNCTION_INVOCATION_TIMEOUT' encountered on NextJS/Vercel deployment

Encountering an error on one of my pages after deploying to vercel, everything functions properly in dev mode. I suspect the issue lies with one of my fetch/APIs as it utilizes the data from the initial fetch request as the URL for the subsequent fetch re ...

Enhancing NextJS/playwrights with the latest nodejs upgrade?

I am facing issues with my Vercel build due to Playwright's outdated Node.js version: Error: Node.js version 12.x is deprecated. Starting from 2022-08-09, builds will fail unless the Node.js Version is set to 16.x in Project Settings. This change wa ...

Fixing the "Package Manager Not Found" Issue when Deploying a Next.js Project on Vercel

Having created a website using Next.js and aiming to deploy it on Vercel, I encountered an error during the deployment process despite meticulously following the configuration steps. The error message displayed was: "Unable to determine package manage ...