srhise / nuxt-wordpress-pwa Goto Github PK
View Code? Open in Web Editor NEWWordpress + Vue + Nuxt.js
Home Page: https://nuxtwp.now.sh
Wordpress + Vue + Nuxt.js
Home Page: https://nuxtwp.now.sh
The favicon and app icons get rendered at too poor of quality for my tastes, change it to 512 by default. Issue mentioned here:
Favicon is missing.
Used just boilerplate where exist.
Tested on netlify by: npm run deploy (nuxt build && nuxt generate)
What I'am doing wrong?
I see this file you get API directly: https://github.com/srhise/nuxt-wordpress-pwa/blob/master/pages/_slug/index.vue but in API file you have an action to get data for Single Post from API: https://github.com/srhise/nuxt-wordpress-pwa/blob/master/api/index.js
Why you dont get data from API actions?
Special chars aren't rendered properly. "é" instead of "รฉ".
What would be the best place to fix this? Replace the entities with their counterpart in the API?
I'm quite new to Nuxt so advices would be appreciated :)
Tested on HTTPS with worker.
Try:
Edit post and check if site generated by server have it. Open homepage to check it.
Next try add more post without re-generate whole site. Refresh homepage - no change. Go to category page - new post visible. Back - new post visible. Refresh - no new post ;(
Fix the CSS Scoping, inheritance, and lack of globalization.
Hello,
I have tried your "Nuxt WP", only changing the url base to the url of my website, but I get an error called "NuxtServerError", there is something else to do to be able to test it correctly, with your base url if it works correctly.
Regards,
If someone check then you will find in documentation that generating dynamic route by _slug aren't supported right now. I have workaround by digging prefered solution:
nuxt.config.js
const axios = require('axios');
/*
** Generate SSR
*/
generate: {
routes: function (callback) {
axios.all([
axios.get('https://wp.api/wp-json/wp/v2/posts'),
axios.get('https://wp.api/wp-json/wp/v2/categories')
])
.then(axios.spread(function (posts, categories) {
let routes1 = posts.data.map((post) => {
return '/' + post.slug
});
let routes2 = categories.data.map((category) => {
return '/category/' + category.slug
});
callback(null, routes1.concat(routes2));
}), function(err) {
return next(err);
});
}
}
Is there better way? To just use components, modules or something that decouple logic from configuration? And to remove additional place where full address of website is added?
๐ ๐
Hi srhise,
Would you be interested in contributing to https://VueFront.com
This project is very similar to what you have developed yet it is CMS agnostic, meaning we are supporting many CMS: wordpress, opencart, magento, prestashop etc.
If you are interested, Please visit our Discord https://discordapp.com/invite/C9vcTCQ and find VueFront for more information.
Looking forward to hearing from you.
Hi, I can not understand if this stack you create can update content directly from the wp admin panel.
Or you need to upgrade the content in two steps.
1 Enter the wp admin panel, modify the saved content.
2 Npm throws generated to recreate all site pages that have been developed with nuxt.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.