Questions tagged [netlify]

Feel free to inquire about Netlify setup, configuration, or anything else related to using the netlify-cli either online at app.netlify.com.

Exploring the capabilities of Netlify Dev in conjunction with Vue JS and Netlify Functions for advanced development

I have a small web app that I built using Vue and Netlify functions. Everything works perfectly when deployed in production, but I encounter issues when trying to use 'netlify dev' for local development. The calls to the netlify function are failing with t ...

Troubleshooting a Next.js background image problem when hosting on Netlify

I've encountered an issue while attempting to deploy a nextjs website on Netlify. Everything works perfectly on my local server, but once it's on Netlify, the background image URL changes and the image becomes invisible. Original CSS code: backg ...

Encountering an Internal Server Error while running NextJs 13 in production environment, integrated with sanity and net

About I'm currently using Next.js and hosting my website on Netlify with CMS being Sanity. The blog page, which fetches content from Sanity, is encountering a 500 Internal Server Error when deployed on Netlify. However, it functions properly during l ...

I encountered an npm install error while attempting to host my React website on Netlify

Running the npm run build command locally and uploading the build folder to Netlify results in successful hosting but triggers a significant error: While attempting continuous deployment from my GitHub repository, I encountered the following error at the ...

Building a website on Netlify using CURL in PHP

Currently, I am utilizing curl commands to fetch information about the sites on my netlify account. However, as per the API documentation, I should also be able to create a site using POST method. Unfortunately, I am encountering an issue where after runni ...

Creating a dynamic route with a parameter in NextJS that maps to a specific page

Currently, I'm developing a NextJS application and implementing Static HTML Export to make it a Jamstack app. I'm facing an issue while setting up dynamic routes that depend on a username parameter included in the route: localhost:3000/:username/posts Fo ...

Issue with Netlify's Continuous Deployment

Utilizing netlify as a platform to host my spa vue application has been a great experience overall. However, I have noticed that when I push changes triggering a rebuild, it seems to disrupt some of the functionality in instances of the application current ...

Is it possible to leverage React/Next.js for dynamically adding HTML content based on element IDs when integrating with Netlify forms?

Sorry if this question has already been addressed somewhere. I've spent hours searching and troubleshooting without success. I'm still in the process of learning React, as it's a new concept to me. I just need to implement it for a contact form, followin ...

Encountering the error "props.children is throwing a function" while trying to publish my Gatsby website

I've checked out other posts related to this issue but still can't seem to resolve it. My development build is functioning properly, but the error below is being thrown by Netlify during deployment: 4:58:48 PM: WebpackError: TypeError: props.ch ...

When Nuxt is deployed to Netlify, the CSS Opacity is incorrectly compiled at 1% instead of the intended 100%

I've encountered an issue with my Nuxt app when deploying it to Netlify. After running yarn generate automatically, I noticed some strange CSS behavior in production. Specifically, there is a hover effect on a card that seems to be working fine local ...

The clerk encountered difficulty retrieving the publishable key from the environment variables within Next.js version 13

I recently developed a website using Next 13 (an experimental app directory) and integrated authentication with Clerk. While everything runs smoothly on my local environment, once deployed to Netlify, the site fails to load. Upon checking the console, I e ...

Navbars in Next.JS are configured to only refresh on the production server

I recently set up my Next.js project with a navbar added to the main layout.js file. Surprisingly, when I switch between routes on my local environment, nothing gets re-rendered at all. There are no network requests after the initial page load. However, u ...

vitejs missing files when running npm run build

When I utilize Netlify for hosting my static website, it is necessary to run npm run build in order to publish it. However, during this process, the folder created after running the command seems to be missing substantial amounts of data, resulting in a b ...

When deploying to Netlify, event times set with moment.js appear 1 hour and 30 minutes ahead of the local time

My node.js script utilizes moment.js to generate timetables. It functions perfectly fine locally in Minsk, but once deployed on Netlify, every event is showing up 1:30 hours ahead of the local time. Any suggestions on how to troubleshoot and fix this iss ...

What are the steps to deploy a React, Next.js, and Express.js application on Netlify?

I am currently in the process of deploying my application to Netlify, featuring a combination of React, Next.js, and Express.js. While there are no errors showing up in the Netlify console, unfortunately, the site is not live as expected. https://i.stack ...

Guide to deploying a React Application to Netlify while organizing the client and server directories

I'm facing some confusion while attempting to deploy an application to Netlify that consists of both client and server folders. I initially tried running npm build on the main directory which contains both folders, but it did not yield the desired result. ...

What is causing me to view the original code files and directory layout in the sources panel in Chrome?

When deploying my production build folder in Netlify, I noticed a strange issue. Despite the structure of my project being correct, when I view it in Chrome's sources panel, I can see the original project directories and code. This is not what I expected - ...

The performance of the Next.js <Image /> component is sluggish on Netlify but significantly faster on Vercel

I have a fairly simple Next.js application and I am utilizing the <Image /> component in Next.js to display two small images like this: <Row className="justify-content-center m-0 mt-3 text-center"> <Col xs={4} md={3} lg={2} class ...

Tips for avoiding Netlify's error treatment of warnings due to process.env.CI being set to true

Recently, I encountered an issue with deploying new projects on Netlify. After reviewing the logs, I noticed a message that had never appeared during previous successful deployments: The build failed while treating warnings as errors due to process.env.CI ...

What is the best way to host a Next.js App on Netlify?

I've encountered a problem with my Next.js app deployment. Following a tutorial from netlify's blog on implementing Server-side Rendering for Next.js using netlify, I managed to build the app successfully but it's not functioning as expected. You can find ...

What could be causing the problem with my CSS background-image being referenced correctly?

Everything seems to be in order: background-image: url(./dir/img.jpg); However, I encounter a 404 error when attempting to reference an image using this approach: index.html <div style="--url: url(./dir/img.jpg);"></div> css backg ...

Failed Deployment on Netlify

My website is currently displaying an "Error establishing a database connection" message. The deploy log indicates that the issue lies within Gridsome. The log below details the deployment process. As a novice, I'm seeking advice on how to troubleshoo ...

Experiencing problems with the response from the Netlify Lambda function.. consistently receiving undefined results

I've been working on setting up a lambda function to handle authentication, validation, and sending of a contact form. As I'm new to lambda functions, my code might have some flaws. However, despite my efforts, I am struggling to modify the response sent ...

Is it possible to have multiple React apps for various components of a web application?

Looking for advice on structuring a web app based on React. We're working on deploying a front-end app with multiple sections, including the main part, a customer account section, and a back office portion for company staff to manage customer data, et ...

Issue: 502: {“errorMessage”: ” The process exceeded the time limit of 10.01 seconds”} on nextJS website hosted on Netlify

Hello there, I've got a setup with Strapi CMS running on Heroku for the backend, and a NextJS frontend hosted on Netlify. I've been encountering a frustrating issue where my website sometimes displays a 502 error message like this: {“errorMessage”: ...

Create static HTML files using an Express server

Recently, I developed a nodejs web project using express-js and ejs. However, upon further reflection, it occurred to me that hosting it as static html files on Netlify might be more cost-effective than running it as a nodejs app on Heroku. Since the data ...

I'm having an issue with Material UI v5 cardMedia images not displaying correctly on my live

I have a function that maps an array of objects in order to display a series of MUI cards utilizing the "cardMedia" component. The images are displaying properly on my local host, but once I deployed the code to Netlify, the images appear broken. Here is ...

Ways to retrieve directory information in Next.js hosted on Netlify

Having trouble retrieving a list of directories in Next.js on Netlify. The code works fine on localhost, but once deployed to Netlify, an error is triggered: { "errorType": "Runtime.UnhandledPromiseRejection", "errorMessage": ...

"Encountering a 500 Internal Server Error with NextJS next-auth while attempting to log in on Netlify platform

I am facing an issue when attempting to log in with next-auth. I receive a 500 error from /api/auth/providers and the message "Internal Server Error" is the only thing displayed on the screen. This process works perfectly fine locally, but not in the produ ...

After successfully deploying on Netlify, ReactDOM.createRoot() does not insert the #root div

Currently experiencing an issue while attempting to deploy a React application on Netlify. The app functions correctly in the local environment, and the deployment process completes without errors. However, upon previewing the site, the <App> compone ...

"ModuleNotFound" error occurred when attempting to utilize Netlify lambda functions with external dependencies

https://i.stack.imgur.com/vVmky.jpg I'm currently exploring the capabilities of Netlify, specifically its lambda function feature for running a node function with dependencies. Following a tutorial from CSS-Tricks, my functions/submission-created.js ...

React will perform redirects during development, but they will not work once the app

After encountering some difficulties with domain registration and poor planning, I found myself in a situation where I needed to quickly create a React app that simply redirects to another site upon loading. To achieve this, I developed a component as show ...

My Gatsby website is being rendered in its HTML form on Netlify

The website build is located at . It appears that the javascript functionality is not working, and only the html version (usually meant for search engines) is being displayed. It seems like this issue is only affecting the home page. You can check out the ...

Error in Gatsby Netlify build caused by @typeform/embed integration

I've been trying to embed a typeform according to the instructions provided, but even after switching to yarn package manager as recommended, I keep encountering an error during the build process. 5:27:38 PM: failed Building static HTML for pages - 4. ...

Steps for creating and deploying a next.js project to Netlify without using automated tools

Netlify documentation states that next.js is supported through the Essential Build Plugin and manual deployments via CLI command. However, the question remains: how can a combination of these two methods be used to build a next.js project in a custom CI en ...

Deployment failed: Unable to deploy due to the absence of the 'out' directory

Encountering an error when deploying a Next.js app to Netlify can lead to deployment failure. The specific error message "Deploy directory 'out' does not exist" is a common issue that users face. ──────────────────── ...

Tips to tackle a nextauth client fetch error - What to do next?

I have deployed a Next.js application and decided to include NextAuth in it. Everything works as expected on localhost. However, when I switch to production mode, I receive a client_fetch_error: [next-auth][error][CLIENT_FETCH_ERROR] JSON.parse: unexpect ...

The Netlify deployment encountered an error: Module not found - Unable to resolve 'react-icons/SI'

When I deploy my app to Netlify, I encounter a 'Module not found' error even though it works fine on desktop. Do I need to push my Node_modules to GitHub for this to work, or is Netlify supposed to download all the dependencies from package.json? ...

There is a missing index.html file in my nextjs app, which seems to be causing an issue with Netlify

When trying to deploy my website on Netlify, I encountered an issue as the platform required an index.html file. Unfortunately, Nextjs did not generate one for me when I used create-next-app. Does anyone have a solution to this problem? ...

Difficulty encountered while deploying a React application on Netlify

I followed the instructions on a Medium link to deploy my React application on Netlify: To set up the production mode, I utilized an express server for defining build scripts. After creating the build scripts on my local machine, I uploaded them to the Ne ...

Encountering a 304 status error in the HTTP GET response after deploying a React app on Netlify

After deploying my react application on Netlify, I used the npm run build command to create the local scripts and manually deployed them in production mode on Netlify. The build scripts were generated on my local machine and then uploaded to the Net ...