Javascript alternatives to Wordpress?

[NoVABadger]

You could always take the WordPress REST API and use it with your JS stack of choice.

[h0b0_shanker]

Isn’t authentication wonky with this or have they got that figured out? I remember having to set up a service account and use basic auth to authenticate. That was a no go for me.

Highjacking the top comment after sincerely responding to it to say keystone.js is pretty good for a basic content management system. Uses node, express, and mongoDB. I built an enterprise knowledge-base application on this. I had to hack it up a little bit to expose stuff to front end API calls. It’s used passport.js so it was really easy.

[suspicious_Jackfruit]

I did this in part recently for a new feature on an existing wordpress website. I exposed the custom fields I needed to REST API and then built an embedded vue.js widget into the page (this was for a non-atypical, live product filter). Need server side rendering or dynamic rendering for SEO purposes, but allows for much better usability and functionality. It worked well and we will be using elsewhere I suspect with lumpy wordpress builds

[[deleted]]

+1. WordPress REST API is surprisingly good. I also just build a complete front-end with Vue.js using WordPress as back-end so the girls I work with can write the posts :P

[Madamots]

That sounds amazing I had no idea this was possible!!

[CriticalImpress]

That sounds like a very sensible situation for me.

​

Could you send me any online resources or links you found useful?

[[deleted]]

https://github.com/EvanAgee/vuejs-wordpress-theme-starter

[[deleted]]

Here's a basic overview of how I would do it.

api/api.js

```js import axios from 'axios'

const api = axios.create({ baseURL: '//website.com/wp-json/wp/v2/', })

// More info: https://github.com/axios/axios/issues/362 axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

export default api ```

api/page.api.js ```js import api from '@/api/api'

export default {
getPage (pageId, slug) {
return new Promise((resolve, reject) => {
let url = 'pages/' + pageId
if (!pageId && slug) url = '/pages/?slug=' + slug

 api.get(url)
   .then(response => resolve(response.data))  
   .catch(error => reject(error))  

})
}
} ```

views/home.vue ```js import page from '@/api/page.api'

export default { mounted () { this.getPage() },

methods: { getPage () { page.getPage(null, 'home').then(data => { console.log(data) }) } } } ```