Overview

Vuexpresso is a skeleton app that integrates various new technologies such as Vue, Vuex, GraphQL, Webpack, Apollo, among others. It is primarily inspired by Frappe and comes pre-configured with essential setups to jumpstart the development process.

Features

• GraphQL Server: Runs a server on /graphql to handle API calls.
• GraphiQL UI: Provides a user interface on /graphiql for easier interaction with the GraphQL server.
• Storybook UI: Utilizes Storybook for rendering and testing components in real-time.
• Vuex Config: Pre-configured Vuex setup allowing seamless addition of modules.
• Vue Router: Defined routes within src/routes.js for routing functionalities.
• Webpack: Utilizes webpack with adjustments to support ES6 and GraphQL.
• Jade & Stylus Support: Allows easy removal of Jade and Stylus by omitting them from the template.

Installation

1. Ensure MongoDB is running in the background or edit config/index.js with a cloud MongoDB instance (defaulted to localhost).
2. Run yarn run storybook to serve a play server using Storybook.
3. Customize API calls by modifying the server initialization in build/dev-server.js or use an external API server.
4. Adjust the GraphiQL UI path by editing data/base-config.js.
5. Explore and add Vuex modules within src/store/modules/notifications.js.

Summary

Vuexpresso is a starter app that integrates multiple cutting-edge technologies like Vue, Vuex, GraphQL, and more. With pre-configured setups for GraphQL Server, GraphiQL UI, Storybook, Vuex, Vue Router, and webpack, it provides a solid foundation for modern web development projects. Customize and build upon this skeleton app to kickstart your development process efficiently.