Vuestarter
A quick starting template for Vue using TailwindCSS & Firebase hosting.
VueStarter
A Quick and easy starting template for a vue blog or portfolio on firebase.
Live demo
·
Blog post
·
Getting Started
Made with
Styling
Scalable and modern
| Mobile | Desktop | Tablet |
|---|---|---|
Card based interface
| Cards | Nested views |
|---|---|
Dark mode
| Nested view - dark | About - dark |
|---|---|
Getting Started
Implement Firebase
- Install firebase-tools
npm i firebase-tools
- Create an app on firebase
- Initialise the firebase plugin
firebase init
Development
- Install the dependencies
npm install .
- Start the app
npm run dev
Deploying
- Build the project
npm run build
- Deploy to firebase
firebase deploy
To take the site off line, run
firebase hosting:disable
To bring it back up, run
firebase hosting:enable
Disclaimer
This is not an example of best practices, It is just a starting template. If you want to use this starter, please refer to the documentation of the respective frameworks to improve it.
