NGINX to serve angular and react bundle files upon location URL?











up vote
1
down vote

favorite












I am moving my project from angular to React for multiple reasons. But upon the time constraints, I decided to move only one module at a time, either serving new modules in React and serving old one with Angular Assets. What would be the best practice to achieve this?



I heard NGINX could solve the issue by serving Angular or React asset upon requested URL.



example:
/v1/url1 would give me the Angular asset



/v2/url2 would give me React Asset










share|improve this question






















  • Yes, you can use Nginx as a proxy server if you are doing server rendering.
    – Vivek
    Nov 20 at 5:38












  • There is no best practice because what you want to achieve is not recommendable. But NGINX will get you there.
    – Carsten
    Nov 20 at 6:20










  • @Carsten Thanks, But what would be the recommended way?
    – Sujeith Gopi Nath
    Nov 20 at 6:45










  • Using a single application obviously
    – Carsten
    Nov 20 at 6:59















up vote
1
down vote

favorite












I am moving my project from angular to React for multiple reasons. But upon the time constraints, I decided to move only one module at a time, either serving new modules in React and serving old one with Angular Assets. What would be the best practice to achieve this?



I heard NGINX could solve the issue by serving Angular or React asset upon requested URL.



example:
/v1/url1 would give me the Angular asset



/v2/url2 would give me React Asset










share|improve this question






















  • Yes, you can use Nginx as a proxy server if you are doing server rendering.
    – Vivek
    Nov 20 at 5:38












  • There is no best practice because what you want to achieve is not recommendable. But NGINX will get you there.
    – Carsten
    Nov 20 at 6:20










  • @Carsten Thanks, But what would be the recommended way?
    – Sujeith Gopi Nath
    Nov 20 at 6:45










  • Using a single application obviously
    – Carsten
    Nov 20 at 6:59













up vote
1
down vote

favorite









up vote
1
down vote

favorite











I am moving my project from angular to React for multiple reasons. But upon the time constraints, I decided to move only one module at a time, either serving new modules in React and serving old one with Angular Assets. What would be the best practice to achieve this?



I heard NGINX could solve the issue by serving Angular or React asset upon requested URL.



example:
/v1/url1 would give me the Angular asset



/v2/url2 would give me React Asset










share|improve this question













I am moving my project from angular to React for multiple reasons. But upon the time constraints, I decided to move only one module at a time, either serving new modules in React and serving old one with Angular Assets. What would be the best practice to achieve this?



I heard NGINX could solve the issue by serving Angular or React asset upon requested URL.



example:
/v1/url1 would give me the Angular asset



/v2/url2 would give me React Asset







angular reactjs nginx






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Nov 20 at 5:32









Sujeith Gopi Nath

7117




7117












  • Yes, you can use Nginx as a proxy server if you are doing server rendering.
    – Vivek
    Nov 20 at 5:38












  • There is no best practice because what you want to achieve is not recommendable. But NGINX will get you there.
    – Carsten
    Nov 20 at 6:20










  • @Carsten Thanks, But what would be the recommended way?
    – Sujeith Gopi Nath
    Nov 20 at 6:45










  • Using a single application obviously
    – Carsten
    Nov 20 at 6:59


















  • Yes, you can use Nginx as a proxy server if you are doing server rendering.
    – Vivek
    Nov 20 at 5:38












  • There is no best practice because what you want to achieve is not recommendable. But NGINX will get you there.
    – Carsten
    Nov 20 at 6:20










  • @Carsten Thanks, But what would be the recommended way?
    – Sujeith Gopi Nath
    Nov 20 at 6:45










  • Using a single application obviously
    – Carsten
    Nov 20 at 6:59
















Yes, you can use Nginx as a proxy server if you are doing server rendering.
– Vivek
Nov 20 at 5:38






Yes, you can use Nginx as a proxy server if you are doing server rendering.
– Vivek
Nov 20 at 5:38














There is no best practice because what you want to achieve is not recommendable. But NGINX will get you there.
– Carsten
Nov 20 at 6:20




There is no best practice because what you want to achieve is not recommendable. But NGINX will get you there.
– Carsten
Nov 20 at 6:20












@Carsten Thanks, But what would be the recommended way?
– Sujeith Gopi Nath
Nov 20 at 6:45




@Carsten Thanks, But what would be the recommended way?
– Sujeith Gopi Nath
Nov 20 at 6:45












Using a single application obviously
– Carsten
Nov 20 at 6:59




Using a single application obviously
– Carsten
Nov 20 at 6:59

















active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53386798%2fnginx-to-serve-angular-and-react-bundle-files-upon-location-url%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown






























active

oldest

votes













active

oldest

votes









active

oldest

votes






active

oldest

votes
















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.





Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


Please pay close attention to the following guidance:


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53386798%2fnginx-to-serve-angular-and-react-bundle-files-upon-location-url%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

404 Error Contact Form 7 ajax form submitting

How to know if a Active Directory user can login interactively

TypeError: fit_transform() missing 1 required positional argument: 'X'