Vuexpresso
:crystal_ball: VueJS + Express + GraphQL Boilerplate
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.
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.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Graphql
A website that uses GraphQL as a query language to manage data fetching and state management. This includes features such as a strongly typed schema, client-side caching, and declarative data fetching to streamline data management and optimize website performance.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.