Build a blog using Vue.js & Firebase
less than 1 minute read
It is working code on my blog
This blog is using
- Vue.js : Frontend Framework
- Firebase : Database, Storage, Serverless Function as a service, Auth
- Vuetify : UI Framework
- Quill : Text editor
- Disqus : Comment & Reply
If you want to fork and use
- Fork & Clone my repository
- Start firebase project
- Start firebase Authentication, Database(Cloud Firestore), Storage, Hosting, Functions
- Add test user by email/password on firebase console
- Set test users’ display name: this blog doesn’t give a function that edit a user profile, but you can do it by programmatic way. Reference is here.
- firebase init(using firebase cli & No overwrite jsons of firebase)
- Set firebase your credential on src/firebase/credentials.js by firebase
- Set your project ID on .firebasercc by firebase project ID
- Set Disqus short name on src/components/Disqus.vue: line 3
- Set Google Analytics on public/index.html
- Naming on src/components/Nav.vue: line 7 ~ 11
- Naming title on public/index.html: line 9
- npm run lint –fix
- npm run build
- firebase deploy(using firebase cli)
Leave a comment