Vue Boilerplate
  • get started
    • Launch in 5 minutes
    • Publish your website
    • Everything to change
  • Other
    • Collect reviews
    • Shortcuts
    • Create/find your API keys
    • Copywriting tips and tricks
    • Firebase setup
    • Link tracking
Powered by GitBook
On this page
  1. get started

Launch in 5 minutes

NextPublish your website

Last updated 6 months ago

Thank you for supporting the project!

To get up and running, please follow the steps beneath:

  1. Clone the boilerplate

    1. Go to

    2. Click the green "Code" button and copy the HTTPS link

    3. Go to your desired folder, where you want to save the project

    4. Right click inside of your folder and click "Open in terminal"

    5. In the terminal, type git clone THE_LINK_YOU_COPIED

  2. Install dependencies

    1. From your terminal, type npm i

  3. Add environment variables

    1. Add a file to the of your project called .env

    2. Paste the following into your new file:

      VUE_APP_FIREBASE_API_KEY=X
      VUE_APP_FIREBASE_AUTH_DOMAIN=X
      VUE_APP_FIREBASE_PROJECT_ID=X
      VUE_APP_FIREBASE_STORAGE_BUCKET=X
      VUE_APP_FIREBASE_MESSAGING_SENDER_ID=X
      VUE_APP_FIREBASE_APP_ID=X
      VUE_APP_FIREBASE_MEASUREMENT_ID=X
      VUE_APP_GA_TRACKING_ID=X
      VUE_APP_GITHUB_TOKEN=X
    3. Replace X with your API keys. Don't wrap the key like "key" or 'key'. If you need help finding or creating your API keys, click here:

    4. Save the file

  4. Launch the application

    1. From your terminal, type npm run serve


If you want other people to be able to access and find your website, then you need to publish your website. Read the next page to do just that!

https://github.com/OHMelin/vue-boilerplate
Create/find your API keys