VueStarter

A Quick and easy starting template for a vue blog or portfolio on firebase.

Live demo · Blog post · Getting Started

Made with

• Vue
• TailwindCSS
• Vite

Styling

Scalable and modern

Mobile	Desktop	Tablet

Card based interface

Cards	Nested views

Dark mode

Nested view - dark	About - dark

Getting Started

Implement Firebase

1. Install firebase-tools

npm i firebase-tools

2. Create an app on firebase

Learn how here

3. Initialise the firebase plugin

firebase init 

Development

4. Install the dependencies

npm install .

5. Start the app

npm run dev

Deploying

1. Build the project

npm run build

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