Hugo with React?
Is it possible/ideal to use something like Hugo with React? I am aware of Gatsby, but would Hugo work as well. I have limited knowledge of combining the two but my understanding would be that Hugo would be used for all your templating and static web pages and then React would be used for the web application type of things, and a headless CMS somewhere in there? Can someone with experience comment why Hugo or Gatsby are sometimes good to use with React? Or an overview of the relationship between the frameworks?
reactjs content-management-system gatsby hugo
asked Nov 15 '18 at 15:40
J. EJ. E
263
add a comment |
Is it possible/ideal to use something like Hugo with React? I am aware of Gatsby, but would Hugo work as well. I have limited knowledge of combining the two but my understanding would be that Hugo would be used for all your templating and static web pages and then React would be used for the web application type of things, and a headless CMS somewhere in there? Can someone with experience comment why Hugo or Gatsby are sometimes good to use with React? Or an overview of the relationship between the frameworks?
reactjs content-management-system gatsby hugo
asked Nov 15 '18 at 15:40
J. EJ. E
263
add a comment |
Is it possible/ideal to use something like Hugo with React? I am aware of Gatsby, but would Hugo work as well. I have limited knowledge of combining the two but my understanding would be that Hugo would be used for all your templating and static web pages and then React would be used for the web application type of things, and a headless CMS somewhere in there? Can someone with experience comment why Hugo or Gatsby are sometimes good to use with React? Or an overview of the relationship between the frameworks?
reactjs content-management-system gatsby hugo
asked Nov 15 '18 at 15:40
J. EJ. E
263
Is it possible/ideal to use something like Hugo with React? I am aware of Gatsby, but would Hugo work as well. I have limited knowledge of combining the two but my understanding would be that Hugo would be used for all your templating and static web pages and then React would be used for the web application type of things, and a headless CMS somewhere in there? Can someone with experience comment why Hugo or Gatsby are sometimes good to use with React? Or an overview of the relationship between the frameworks?
reactjs content-management-system gatsby hugo
reactjs content-management-system gatsby hugo
asked Nov 15 '18 at 15:40
J. EJ. E
263
asked Nov 15 '18 at 15:40
J. EJ. E
263
asked Nov 15 '18 at 15:40
J. EJ. E
263
asked Nov 15 '18 at 15:40
J. EJ. E
263
asked Nov 15 '18 at 15:40
J. EJ. E
263
263
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
Yeah,
There is component web design in gatsby,
And there is the light speed of hugo,
I am stuck in the decision between these too.
I dont know what I will do but what is on my mind is this:
- Use gatsby to build the page. You should build each page of your website on its own (dont rely on the routing)
- Use the
index.htmlfile with hugo templates. - Done
This is the picture of folder public (the output) after building gatsby page:
Update:
You can rely on the routing. In the picture above, each of the component folders have index.html of its own so you can use them too.
answered Dec 7 '18 at 10:12
TechJSTechJS
1,6791320
add a comment |
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',
autoActivateHeartbeat: false,
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
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53322953%2fhugo-with-react%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Yeah,
There is component web design in gatsby,
And there is the light speed of hugo,
I am stuck in the decision between these too.
I dont know what I will do but what is on my mind is this:
- Use gatsby to build the page. You should build each page of your website on its own (dont rely on the routing)
- Use the
index.htmlfile with hugo templates. - Done
This is the picture of folder public (the output) after building gatsby page:
Update:
You can rely on the routing. In the picture above, each of the component folders have index.html of its own so you can use them too.
answered Dec 7 '18 at 10:12
TechJSTechJS
1,6791320
add a comment |
Yeah,
There is component web design in gatsby,
And there is the light speed of hugo,
I am stuck in the decision between these too.
I dont know what I will do but what is on my mind is this:
- Use gatsby to build the page. You should build each page of your website on its own (dont rely on the routing)
- Use the
index.htmlfile with hugo templates. - Done
This is the picture of folder public (the output) after building gatsby page:
Update:
You can rely on the routing. In the picture above, each of the component folders have index.html of its own so you can use them too.
answered Dec 7 '18 at 10:12
TechJSTechJS
1,6791320
add a comment |
Yeah,
There is component web design in gatsby,
And there is the light speed of hugo,
I am stuck in the decision between these too.
I dont know what I will do but what is on my mind is this:
- Use gatsby to build the page. You should build each page of your website on its own (dont rely on the routing)
- Use the
index.htmlfile with hugo templates. - Done
This is the picture of folder public (the output) after building gatsby page:
Update:
You can rely on the routing. In the picture above, each of the component folders have index.html of its own so you can use them too.
answered Dec 7 '18 at 10:12
TechJSTechJS
1,6791320
Yeah,
There is component web design in gatsby,
And there is the light speed of hugo,
I am stuck in the decision between these too.
I dont know what I will do but what is on my mind is this:
- Use gatsby to build the page. You should build each page of your website on its own (dont rely on the routing)
- Use the
index.htmlfile with hugo templates. - Done
This is the picture of folder public (the output) after building gatsby page:
Update:
You can rely on the routing. In the picture above, each of the component folders have index.html of its own so you can use them too.
answered Dec 7 '18 at 10:12
TechJSTechJS
1,6791320
answered Dec 7 '18 at 10:12
TechJSTechJS
1,6791320
answered Dec 7 '18 at 10:12
TechJSTechJS
1,6791320
answered Dec 7 '18 at 10:12
TechJSTechJS
1,6791320
1,6791320
add a comment |
add a comment |
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.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53322953%2fhugo-with-react%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
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
