Vue 8base Starter App

screenshot of Vue 8base Starter App
react
vue

A VueJS App that's already setup to connect with 8base Authentication and GraphQL API

Overview:

The 8base + VueJS Starter App is a pre-configured starter app that allows users to quickly get started with building VueJS applications using the 8base backend platform. It includes features such as user authentication, GraphQL API integration, and an unstyled design that can be easily customized.

Features:

  • User Authentication: The app provides sign-in and sign-up functionality using 8base user authentication. It also demonstrates how to enforce authentication at the router level using guards.
  • GraphQL API: The app utilizes the 8base workspace to access and update data through the GraphQL API. It includes modules that handle API queries and mutations using Vuex for state management.
  • Styles (or not...): The starter app is intentionally left unstyled, allowing developers to easily add their own CSS framework or customize the design as needed.
  • Contributing: Users are encouraged to fork the project, make changes, and submit pull requests with comments and improvements.

Summary:

The 8base + VueJS Starter App is a useful tool for developers who want to quickly start building VueJS applications with the 8base backend platform. It includes pre-configured features for user authentication, GraphQL API integration, and an unstyled design that can be easily customized. Installation is straightforward, requiring the setup of environment variables and installation of dependencies. Developers are also encouraged to contribute to the project by forking and submitting pull requests.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

vue
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.

apollo
Apollo

Apollo is an open-source platform for building GraphQL APIs that connects with any data source. It provides a powerful set of tools and features for developers, including client and server-side caching, real-time data synchronization, and a seamless integration with popular frontend frameworks.

eslint
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.