Vue.js Projesinin Firebase Hosting’e Deploy Edilmesi

Selamlar. Bu yazının konusu Vue.js Projesinin Firebase Hosting’e Deploy Edilmesi olacak. Bir önceki yazıda Flask RESTful kütüphanesini kullanarak nasıl REST API oluşturulacağını anlatmıştım. Belki orada yer alan back-end api ile front-end projelerini harmanlayabilirsiniz.

Vue.js Projesinin Firebase Hosting'e Deploy Edilmesi

 

Vue.js Projesinin Firebase Hosting’e Deploy Edilmesi

Öncelikle bu yazıda Vue.js üzerinden anlatım yapıyorum ancak siz kullandığınız herhangi bir framework kullanarak bunu yapabilirsiniz. Kısacası firebase hosting için framework bağımlı bir yapısının olmadığını söyleyebiliriz.

Başlamadan önce Firebase Console sayfasına giderek kendimize bir proje oluşturalım. Aslında dilersek bunu firebase cli ile de yaparız ama buradan kullanmak istedim bu yazı için. Firebase Hosting kullanacak projenizi oluşturduktan sonra yapacağımız şey
Devamını Oku

Bulma Based UI Components for Vue.js

Hi. In this post I’ll talk about Buefy. If you are using Vue.js on your projects you’ll love Buefy. Because it is based on the Bulma Framework. Bulma is an open source CSS framework based on Flexbox. I can say Tesla using Bulma on their some projects. If you’re bored with Bootstrap, it might be a good choice for you. There are many modern UI components in Buefy.

Bulma Based UI Components for Vue.js

Bulma Based UI Components for Vue.js

Before you start, you need to install Vue.js as you know. After that you can install Buefy with below command.

Passing data to a router-link in Vue.JS

Hi. In this post I’ll show how to pass data to a router-link in Vue.JS. Let’s assume we have a Vue project created by vue-cli. We have one component its called HelloWorld. By default there is a one component named HelloWorld. We will create new component named Profile.

Passing data to a router-link in Vue

For example you don’t want to use query strings like this:

You can use params as props without query strings. Let’s start.

Creating Profile.vue Component

I’ll create a Vue component named Profile.vue. It will like this:

Buefy: UnhandledPromiseRejectionWarning Error

Hi. Today I encountered a problem when I try to deploy vue project. After that, I searched on Google. There wasn’t enough resource about Buefy UnhandledPromiseRejectionWarning Error. You can look my previous post about Python’s compile method.

Buefy UnhandledPromiseRejectionWarning Error

 

Buefy UnhandledPromiseRejectionWarning Error Solution

There is only way to solve this problem. I’ve tried a lot of things to solve this problem. Actually I have no idea why this is happening. Why the order is important? I don’t know. Anyway, for example your main.js file look like this: