🔮 VueJS + Express + GraphQL Boilerplate
Switch branches/tags
Nothing to show
Clone or download
Latest commit 7c31525 Jun 12, 2018
Permalink
Failed to load latest commit information.
build Adding build script Apr 27, 2017
config Adding build script Apr 27, 2017
data Initial commit Apr 26, 2017
src typo fixed Jun 11, 2018
storybook Storybook migration Dec 27, 2017
.babelrc Initial commit Apr 26, 2017
.eslintignore Initial commit Apr 26, 2017
.eslintrc.js Initial commit Apr 26, 2017
.gitignore Initial commit Apr 26, 2017
README.md Updating readme.md Dec 27, 2017
index.html Initial commit Apr 26, 2017
package.json Storybook migration Dec 27, 2017
yarn.lock Storybook migration Dec 27, 2017

README.md

Vuexpresso

Vuexpresso is a skeleton app that uses the new techs like vue, vuex, graphql, webpack, apollo, between others (See complete list below).

Mainly inspired by

Getting Started

Note remember to have Mongo proccess running on the background or edit config/index.js with a cloud mongodb instance (default to localhost)

Take a look here to know how to run the mongo server

git clone https://github.com/Ethaan/vuexpresso.git
npm install -g babel-cli
yarn
yarn dev

Other Commands

yarn run storybook - Serves a play server using storybook

What includes

Graphql server

By default it runs a server on /graphql, in order to make the API calls, you can delete the part where the server is initialized on build/dev-server.js if you have an external API server

GraphiQL UI

default to /graphiql but you can change it on data/base-config.js;

Storybook UI.

It uses Storbook to render and test components much better in real time, check the official repo

Vuex Config.

Vuex is already all setup so you can only worry about adding modules, an example can be found here src/store/modules/notifications.js;

Vue Router

Routes live inside src/routes.js

Webpack

Using Webpack master example as reference, with slight modifications to make it work with ES6 and graphql

Jade & Stylus

You can easy remove Jade and stylus by simply removing them from the tag like <template lang="jade"></template => <template></template same for stylus.

Libraries and Technologies used

TODO

  • Build for Production