https://github.com/afsakar/vue-firebase-boilerplate
A boilerplate for a VueJS application with Firebase
https://github.com/afsakar/vue-firebase-boilerplate
boilerplate boilerplate-template firebase firebase-auth tailwindcss vue-boilerplate vuejs
Last synced: 3 months ago
JSON representation
A boilerplate for a VueJS application with Firebase
- Host: GitHub
- URL: https://github.com/afsakar/vue-firebase-boilerplate
- Owner: afsakar
- License: mit
- Created: 2023-01-14T15:48:02.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-01-14T16:02:30.000Z (over 3 years ago)
- Last Synced: 2025-03-22T00:14:49.570Z (over 1 year ago)
- Topics: boilerplate, boilerplate-template, firebase, firebase-auth, tailwindcss, vue-boilerplate, vuejs
- Language: Vue
- Homepage:
- Size: 38.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# VueJS Boilerplate with Firebase
This is a boilerplate for a VueJS application with Firebase.
>INFO: This is a work in progress. I will update this README as I go along.
## Features
- [Vue JS](https://vuejs.org/): The Progressive JavaScript Framework
- [Firebase](https://firebase.google.com/): Authentication, Firestore, Storage
- [Vue Router](https://router.vuejs.org/): Routing
- [Pinia](https://pinia.vuejs.org/): State management
- [Vite](https://vitejs.dev/): Build tool
- [Tailwind CSS](https://tailwindcss.com/): CSS framework
- [daisyUI](https://daisyui.com/): UI components
- [VueUse](https://vueuse.org/): Collection of useful composition APIs
## Getting Started
### Installing and Running
```sh
# Clone the repository
git clone
# Install dependencies
npm install
# Run the application
npm run dev
# Build for production with minification
npm run build
```
Change the Firebase configuration in `src/plugins/firebase.js` to your own.
You can create your own middleware in `src/middleware`.
Page Meta information can be set, and you can add more meta tags in `src/components/MetaInfo.vue`.
```vue
import {computed} from "vue";
const metaInfo = computed(() => {
return {
title: "Login",
}
});
Login
```
## Project Structure
```
├── src
│ ├── assets
│ ├── components
│ ├── layout
│ ├── middleware
│ ├── pages
│ ├── plugins
│ ├── stores
|-- App.vue
|-- main.js
|-- styles.css
```
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details