{"id":13938044,"url":"https://github.com/ramsaylanier/wordexpress-starter-vue","last_synced_at":"2026-02-14T11:37:30.793Z","repository":{"id":78520399,"uuid":"114825833","full_name":"ramsaylanier/wordexpress-starter-vue","owner":"ramsaylanier","description":"WordPress with Vue, GraphQL, and Node","archived":false,"fork":false,"pushed_at":"2018-10-18T06:50:24.000Z","size":1900,"stargazers_count":256,"open_issues_count":2,"forks_count":27,"subscribers_count":23,"default_branch":"3.0.0-beta","last_synced_at":"2024-11-27T06:37:14.730Z","etag":null,"topics":["graphql","vue","wordpress"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ramsaylanier.png","metadata":{"files":{"readme":"README.md","changelog":"History.md","contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-12-20T00:48:08.000Z","updated_at":"2023-07-08T06:04:11.000Z","dependencies_parsed_at":"2023-03-18T03:00:28.887Z","dependency_job_id":null,"html_url":"https://github.com/ramsaylanier/wordexpress-starter-vue","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/ramsaylanier/wordexpress-starter-vue","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramsaylanier%2Fwordexpress-starter-vue","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramsaylanier%2Fwordexpress-starter-vue/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramsaylanier%2Fwordexpress-starter-vue/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramsaylanier%2Fwordexpress-starter-vue/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ramsaylanier","download_url":"https://codeload.github.com/ramsaylanier/wordexpress-starter-vue/tar.gz/refs/heads/3.0.0-beta","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ramsaylanier%2Fwordexpress-starter-vue/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266048526,"owners_count":23868739,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["graphql","vue","wordpress"],"created_at":"2024-08-07T23:04:11.497Z","updated_at":"2026-02-14T11:37:30.767Z","avatar_url":"https://github.com/ramsaylanier.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# WordExpress Starter - Vue (AKA VuePress)\n\n\u003e WordPress development using Vue, GraphQL, and Express.\n\n[Read the Introduction to Vue Press](https://medium.com/@rmmmsy/introducing-vuepress-wordpress-development-with-vue-and-graphql-f5063a97bb69)\n\nThis repo is a starting off point for working with WordExpress using Vue. Its meant to work with [WordExpress Server](https://github.com/ramsaylanier/WordExpress-Server). \n\n## Node Version Requirement\n\n```bash\nnode 6.*\nnode 7.*\n```\n\n## Before Doing Anything Else\n\nPlease make sure you have cloned the [WordExpress Server](https://github.com/ramsaylanier/WordExpress-Server) repo and have followed the instructions for getting it up and running. WordExpress server provides you with a connection to your WordPress database using GraphQL. \n\n## Config\n\nUsing the `/config/sample-client.config.json` file as an example, create a `client.json` file. As of now, this the config files just point to the url of where your WordExpress Server is running, and which theme in the `src/themes` directory to use. \n\n## Build Setup\n\n``` bash\nyarn\nyarn build\nyarn start\n=======\nnpm install\nnpm run build\n```\n\n## Development Setup\n\n```bash\nyarn\nyarn serve\n```\n\n# Working With WordPress\n\n## First Steps\n\nIn a fresh WordPress install, you'll need to do a few basic setup items:\n\n- Create a page called 'Homepage'\n- Create a menu called 'primary-navigation'\n- Install Advanced Custom Fields plugin (see below)\n\n## Advanced Custom Fields\n\nVuePress uses some custom post fields. You're best bet is to install the Advanced Custom Fields plugin into your WordPress backend. I've included am `acf-export` JSON file in this repo that you should import. This will give you just a few basic custom page fields that can be used to give your pages custom layout components.\n\n## Layout Components\n\nCurrently there are only [three layout components](https://github.com/ramsaylanier/VuePress/tree/master/src/components/page/layouts) - `DefaultPage`, `PageWithHeader`, and `PostList`. In order to set the layout component, simply type the name of the component in the custom field. If there is nothing in the layout component field, `DefaultPage` will be used. \n\n### PageWithHeader\n\nIn the backend:\n\n\u003cimg width=\"965\" alt=\"screen shot 2017-12-19 at 8 54 27 pm\" src=\"https://user-images.githubusercontent.com/2359852/34187337-dadf8bec-e4fe-11e7-84a0-3f1d885437d7.png\"\u003e\n\n\nResult:\n\n\u003cimg width=\"1428\" alt=\"screen shot 2017-12-19 at 9 06 14 pm\" src=\"https://user-images.githubusercontent.com/2359852/34187651-80791a72-e500-11e7-8c9d-ec7bdbeb62be.png\"\u003e\n\n### PostList\n\nIn the backend: \n\n\u003cimg width=\"962\" alt=\"screen shot 2017-12-19 at 9 10 04 pm\" src=\"https://user-images.githubusercontent.com/2359852/34187773-0762ff30-e501-11e7-8b82-bd16d2b77c94.png\"\u003e\n\nResult:\n\n\u003cimg width=\"1440\" alt=\"screen shot 2017-12-19 at 9 08 38 pm\" src=\"https://user-images.githubusercontent.com/2359852/34187730-d36b6442-e500-11e7-9af3-a52674dbfd6a.png\"\u003e\n\n## License\n\n[MIT](http://opensource.org/licenses/MIT)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Framsaylanier%2Fwordexpress-starter-vue","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Framsaylanier%2Fwordexpress-starter-vue","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Framsaylanier%2Fwordexpress-starter-vue/lists"}