How to deploying a MERN stack app for use? [closed] - reactjs

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
Goal:
I want to deploy a MERN stack application for people to use it.
Problems faced with directory structure:
On the web I found some people telling that the React app should live inside the views folder which is inside my backend. Others say that the front-end and back-end must be completely two separate folders and that they must live in the main application folder.
Troubles before deployment:
The React app has its own node modules and the express app has its own. Also, both have their own localhost domain. Even the MongoDB database has its own domain. Should each of these be deployed separately?
Confusions with choosing the right service/services for deployment?
What should I choose for my purpose: Netlify, Heroku, Firebase App Engine, etc...

Two options will work for you but I recommend that you should use two separate folders.
The server folder and view folder can be at the same level.
In the root folder in your project, you will have the server and view folders at the same level, which means you will have one package.json file in your root folder.
So you don't have to deploy each of those separately.

Related

Which is the correct / better way to publish and maintain (update) a React JS App? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 4 months ago.
Improve this question
Beginning React js development, I built the first project. I noticed the folder called build, then I uploaded that folder into the webserver and the app build was successful.
My question is: Which is the better practice to do this, without need to upload that folder every time I update the code?
Before React, I developed in PHP and update the production app was simple like create a Github Repo, link server with Git, and every time that I had update code, only needed to Push changes.
With React I don't want to upload this folder manually. I think that to upload all development code isn't a good practice. And creating a Github Repo only for the build folder is not possible (Please correct me, you can`t have a repository inside another repository).
Concluding the question: What is the way you use considering that you can do it easily and quickly?
I would recommend doing something similar to what you did in PHP. You can create a Github repo for your project, and link it to a hosting platform such as Netlify or Vercel. There are many other options, these are just the first two that came to mind.
If you already have a web server for hosting, and you don't want to use one of these hosting platforms, you could use something like Github Actions to trigger a build on Github's server and then deploy it to your server. Maybe something similar to this example. But instead of deploying to Github pages, just deploy it to your server.
Before pushing to Github, I would recommend creating a .gitignore file and adding your build folder, so that your local build won't get pushed up to Github.
Use services like vercel or netlify. You just need to push your code to github or gitlab whatever you prefer or use, You don't need to npm build. Just go to these website select your repo and they will build their own.

FullStack web project hosting [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 1 year ago.
Improve this question
I want to host a full stack spring boot and react.js project, and I want to know the type of hosting adequate for this project knowing that it is a small project.
shared hosting vs vps hosting
You can use heroku to deploy your application in spring boot and reacts js most quickly and also no need of additional configuration. Monitoring logs is also easy.
I suggest you use Vercel for small projects. Netlify and Heroku are also good options

Best practice for organizing web application logic using GitHub? [closed]

Closed. This question is opinion-based. It is not currently accepting answers.
Want to improve this question? Update the question so it can be answered with facts and citations by editing this post.
Closed 2 years ago.
Improve this question
I'm in the process of setting up the development environment for a new web application, that will ultimately have a mobile component added. This is being built as a React Front-end Application that will use Google Cloud Functions for the back-end.
For source control, issue tracking, project management, I'll be using GitHub.
My question is, should I try to have a separate repository for the back-end Cloud Functions and one for the React-app front-end? Or Is it just easier to have a single application/repository and have the Google Functions live in the Functions folder?
When we add the mobile component, it will be a separate application/repository..but curious if there is any benefit to try and keep server cloud functions in their own repo?
The best practice is to separate concerns, which means having your react front-end application separate from your back-end cloud Functions.
The answer to this question is opinion-based prone.
In my opinion, I would strongly recommend anyone to not start a project using separate repositories unless there is a good reason to do so.
Separating concerns in folders within a repo should suffice. See this discussion for more background.

Dashboard Design : Should go for Crystal Reports or Charts in WPF [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I am developing an dashboard application which will give insights of the data of an organisation. I am confused as to what will be the best approach in developing the Dashboard:
a. Should i go for Crystal Reports
b. Should i Use WPF Charts and display Data
Any suggestions please which help me go ahead with my design?
Regards
Vineet More
It depends on your goals.
Using WPF and charting controls will likely be simpler to deploy since it's a client application (you won't have to worry about Crystal being setup correctly). They come with the framework and won't have any additional upfront costs and it should run seamlessly across workstations.
Crystal is nice though especially if you want to send the output to the printer as a report (this is where it's roots are and it excels at it). It's a pain to deploy locally and even more of a pain to deploy on the server (where it uses the C:\Windows\Temp directory during the report export process which you probably won't have access or permissions to on a server in the cloud... or have access to the registry to change that location).
Another option you can consider is using HTML and JavaScript with a 3rd party charting library like d3. You an render the content from your client app in a web browser control and make it look seamless with your app. This approach would also make it easier to move it to the web if you ever wanted to render it from a ASP.NET site (or really from any web language).

Looking for substantial open source GWT/App-Engine project to use as reference [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I'm working on GAE-J/GWT app, wherein a desktop app connects to the GAE-J component, and there is also a web-app component whose front-end is written in GWT, and the GAE-J backend supports both the desktop app and the web app.
I have a good amount of experience with writing pure server code and desktop code, but not so much on the web-app side of things. So I'm looking to study some good sophisticated open source code to see how other's have done things, but I can't find much open source GWT and/or GAE-J stuff, other than frameworks. Does anyone know of any good projects out there?
I've written a little app called SixFixMix that uses the following stack: GWT, GIN, dyuproject (for OpenID), gwt-mobile-webkit (for HTML5 Geolocation), gwt-google-apis (for Maps), gwt-log, gwt-presenter, gwt-dispatch, Objectify, and GAEJ. Good luck!
There isn't any GWT in it (yet?) but Partychat (Google Code Project) is a moderately-sophisticated open-source Java App Engine app that simulates multi-user chatrooms using the XMPP service.
I'm sure there are more sophisticated apps out there, and some that include a GWT component, but I figured I'd take the chance to self-promote when it's given :)
GWT tagged open-source projects on google code hosting.
maybe that can help you http://code.google.com/webtoolkit/articles/mvp-architecture.html

Resources