How to deploy react, next js + express js app to netlify? - javascript

I am trying to deploy my app to netlify which is created by using react, next js, and express js.
There is no error in netlify console Despite this, site is not being live.
Here are my package.json scripts.
Here are my variable environments on netlify.
Here are my build settings to netlify.
Please can anyone tell me where I am making mistakes?


npm run build
then drag and drop this build folder but netlify doesnt support server i think firebase is the best option or herokuu too

Related

React app deployment issue while deploying using github repo

I was trying to deploy react app through github. After deployment, app page is not loading but in url I can see the favicon from public folder. also when I run same in local the browser open with my repo name like http://localhost:3000/groove3. what would be the reason? Please help
npm run deploy
https://anoop-acc.github.io/groove3/

Confused With Node Modules For Production

I am building a small extension plugin for use with Photoshop.
Part of the app I am using Firestore to store some user details.
I have installed the Firebase v9 SDK using npm i firebase and the app seems to be working fine so far.
When I packaged up the app, its now sitting at over 60mb in size which is due to everything in the node_modules folder. most of which I probably don't use.
Is there a way I can just use what I want from the node_modules folder and delete the rest?

How to use NPM Modules with Flask?

I have a python application which I am deploying through Flask using the render_template() function onto a webpage. At the same time, I am trying to use npm to incorporate some javascript modules into my code. Whilst I have correctly installed the needed modules within the static folder with all my other javascript files, the code refuses to recognize these modules.
My Flask CLI shows that my local development server has correctly located the module file but if I run var module = require('module') the code shows no indication of having worked if run through the browser. This goes for whether I include this script inside my html template in the template folder, or an external javascript file in the static folder.
Interestingly enough, if I run the same external javascript file through the npm CLI using node script.js, the script will execute. Can someone explain what I'm doing wrong and why this is so? I'm completely new to node.js, npm and have just started today so any help would be appreciated.
I am currently basing my work off of the answer with 6 upvotes here: How can I serve NPM packages using Flask?

You can use electron as the ui for the python app by spawning your file and navigating to the local url in the app instead of using a browser. With this you will have some node capability.

Without knowing more, this is a bit of a stab in the dark, and quite late, however, I solved a similar problem with the following:
app = Flask(__name__,
static_folder = './public',
template_folder="./static")

npm is. Node.js packages manager tool. And it is only used node.js application.
If your application frontend is react or vue framework and your backend is node.js framework example Express or Koa, use npm is good. but now your backend is Flask
, you know Python package manage tools is Pip, so if you use Npm, you should use node in frontend , backend is flask, and frontend start npm start, backend start python app.py.

Heroku site is right, local is wrong. How can clone my heroku code locally?

I created a static site using just css and javascript. Everything seems to be working on Heroku, with the same code that is locally, but for some reason when I run the site locally the css has a lot of problems. Has anyone had this issue before and could provide some insight? Or is there a way to clone the code from heroku back to my local repository? Any help would be greatly appreciated! Thanks.

You can clone the existing heroku app to your local machine heroku git:clone -a myapp to heroku docs
heroku git:clone -a myapp
To clone the source of an existing application from Heroku using Git,
use the heroku git:clone command: Replace myapp with the name of your
app.
This will create a new directory named after your app with its
source and complete repository history, as well as adding a heroku git
remote to facilitate further updates.
But as mentioned in comments, the problem might be mainly because css file paths , so if this doesn't fix it make sure sure all the css files are being linked correctly using the browser developer tools .

Meteor.js i18n package does not work when deployed with MUP (meteor-up)

A meteor app is using the tap-i18n (https://github.com/TAPevents/tap-i18n/) and tap-i18n's setLanguage function works on the development system. However when the app is deployed to the production server using mup, the tap-i18n package is installed but the language does not change when setLanguage is used.
On the deployed website, you can run TAPi18n.setLanguage('en') but the language does not change.
On their github page, it says that deploying needed additional steps. Could this be the problem? How should we adapt those steps to get it to work with a mup deployment or even the mup deploy process itself?

In v1.0.0 of tap-i18n which is available in the new Meteor Packaging System as tap:i18n it is no longer necessary to do anything when deploying

Categories