Mixing
Vuejs - SEO Prerendering
I have created a project using vue-cli and webpack (not webpack basic) and added pre-rendering using prerender-spa-plugin , since my application uses laravel API so i only pre-rendered some of the static pages like about us, contact us and not the login or signup page. so my question is that How will I serve (host) my application? two serves, one for crawler and one for users? or can i do that with the single serve?
NOTE: I dont want to use server side rendering.
node.js vue.js webpack serverside-rendering prerender
asked Jan 2 at 9:20
TalhaTalha
43
add a comment |
I have created a project using vue-cli and webpack (not webpack basic) and added pre-rendering using prerender-spa-plugin , since my application uses laravel API so i only pre-rendered some of the static pages like about us, contact us and not the login or signup page. so my question is that How will I serve (host) my application? two serves, one for crawler and one for users? or can i do that with the single serve?
NOTE: I dont want to use server side rendering.
node.js vue.js webpack serverside-rendering prerender
asked Jan 2 at 9:20
TalhaTalha
43
Deploy the site normally. allhtmls generated byprerender-spa-plugincontain correct references to your js and css.. when a request comes to your server for say/aboutpage, your prerenderedabout.htmlwill be served which has template for your about page and also acts asindex.htmlfor your app. if you meant to ask something else, pls let me know.
– pranavjindal999
Jan 2 at 10:16
sorry i don't understand . I created my project using vue-cli -> vue webpack init my-app ---------------------------------------------- I'm confused how to add plugin with the boiler plate code + config all solution provide with (basic-webpack code ) @pranavjindal999
– Talha
Jan 2 at 10:49
add a comment |
I have created a project using vue-cli and webpack (not webpack basic) and added pre-rendering using prerender-spa-plugin , since my application uses laravel API so i only pre-rendered some of the static pages like about us, contact us and not the login or signup page. so my question is that How will I serve (host) my application? two serves, one for crawler and one for users? or can i do that with the single serve?
NOTE: I dont want to use server side rendering.
node.js vue.js webpack serverside-rendering prerender
asked Jan 2 at 9:20
TalhaTalha
43
I have created a project using vue-cli and webpack (not webpack basic) and added pre-rendering using prerender-spa-plugin , since my application uses laravel API so i only pre-rendered some of the static pages like about us, contact us and not the login or signup page. so my question is that How will I serve (host) my application? two serves, one for crawler and one for users? or can i do that with the single serve?
NOTE: I dont want to use server side rendering.
node.js vue.js webpack serverside-rendering prerender
node.js vue.js webpack serverside-rendering prerender
asked Jan 2 at 9:20
TalhaTalha
43
asked Jan 2 at 9:20
TalhaTalha
43
edited Jan 2 at 10:25
Talha
asked Jan 2 at 9:20
TalhaTalha
43
asked Jan 2 at 9:20
TalhaTalha
43
asked Jan 2 at 9:20
TalhaTalha
43
43
Deploy the site normally. allhtmls generated byprerender-spa-plugincontain correct references to your js and css.. when a request comes to your server for say/aboutpage, your prerenderedabout.htmlwill be served which has template for your about page and also acts asindex.htmlfor your app. if you meant to ask something else, pls let me know.
– pranavjindal999
Jan 2 at 10:16
sorry i don't understand . I created my project using vue-cli -> vue webpack init my-app ---------------------------------------------- I'm confused how to add plugin with the boiler plate code + config all solution provide with (basic-webpack code ) @pranavjindal999
– Talha
Jan 2 at 10:49
add a comment |
Deploy the site normally. allhtmls generated byprerender-spa-plugincontain correct references to your js and css.. when a request comes to your server for say/aboutpage, your prerenderedabout.htmlwill be served which has template for your about page and also acts asindex.htmlfor your app. if you meant to ask something else, pls let me know.
– pranavjindal999
Jan 2 at 10:16
sorry i don't understand . I created my project using vue-cli -> vue webpack init my-app ---------------------------------------------- I'm confused how to add plugin with the boiler plate code + config all solution provide with (basic-webpack code ) @pranavjindal999
– Talha
Jan 2 at 10:49
Deploy the site normally. all
htmls generated by prerender-spa-plugin contain correct references to your js and css.. when a request comes to your server for say /about page, your prerendered about.html will be served which has template for your about page and also acts as index.html for your app. if you meant to ask something else, pls let me know.– pranavjindal999
Jan 2 at 10:16
Deploy the site normally. all
htmls generated by prerender-spa-plugin contain correct references to your js and css.. when a request comes to your server for say /about page, your prerendered about.html will be served which has template for your about page and also acts as index.html for your app. if you meant to ask something else, pls let me know.– pranavjindal999
Jan 2 at 10:16
sorry i don't understand . I created my project using vue-cli -> vue webpack init my-app ---------------------------------------------- I'm confused how to add plugin with the boiler plate code + config all solution provide with (basic-webpack code ) @pranavjindal999
– Talha
Jan 2 at 10:49
sorry i don't understand . I created my project using vue-cli -> vue webpack init my-app ---------------------------------------------- I'm confused how to add plugin with the boiler plate code + config all solution provide with (basic-webpack code ) @pranavjindal999
– Talha
Jan 2 at 10:49
add a comment |
0
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',
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%2f54003835%2fvuejs-seo-prerendering%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
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%2f54003835%2fvuejs-seo-prerendering%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
Deploy the site normally. all
htmls generated byprerender-spa-plugincontain correct references to your js and css.. when a request comes to your server for say/aboutpage, your prerenderedabout.htmlwill be served which has template for your about page and also acts asindex.htmlfor your app. if you meant to ask something else, pls let me know.– pranavjindal999
Jan 2 at 10:16
sorry i don't understand . I created my project using vue-cli -> vue webpack init my-app ---------------------------------------------- I'm confused how to add plugin with the boiler plate code + config all solution provide with (basic-webpack code ) @pranavjindal999
– Talha
Jan 2 at 10:49