https://github.com/thrbttl/nuxtjs-blog
Baştan sona NuxtJs (VueJs) ile geliştirilmiş blog sitesi.
https://github.com/thrbttl/nuxtjs-blog
blog firebase-auth firebase-database js-cookie nuxtjs vue-chartjs vuejs
Last synced: 10 months ago
JSON representation
Baştan sona NuxtJs (VueJs) ile geliştirilmiş blog sitesi.
- Host: GitHub
- URL: https://github.com/thrbttl/nuxtjs-blog
- Owner: thrbttl
- Created: 2020-09-14T10:59:32.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2020-09-28T13:36:40.000Z (over 5 years ago)
- Last Synced: 2025-08-02T04:44:35.204Z (11 months ago)
- Topics: blog, firebase-auth, firebase-database, js-cookie, nuxtjs, vue-chartjs, vuejs
- Language: Vue
- Homepage: https://blog.tahirbattal.com.tr
- Size: 11.5 MB
- Stars: 16
- Watchers: 4
- Forks: 3
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# NuxtJs Blog
- Baştan sona NuxtJs (dolayısıyla VueJs) ile geliştirilmiş ve geliştirilmeye devam eden bir Blog sitesi.
- Database ve Authentication işlemleri için Firebase kullanıldı.
- Gerçek hayattaki örneği ve demosu için : [NuxtJs Blog](https://blognuxt1.ey.r.appspot.com/)
- Ziyaret ederek sayfa tasarımını, admin panelini gözden geçirebilirsiniz.
### Gereksinimler
* Sisteminizde [Node.Js](https://nodejs.org) kurulu olması gerekmektedir.
* Firebase bağlantısı yapacağımız için [gmail](https://mail.google.com) adresi gerekmektedir.
## Projede kullanılan paketler :
"@nuxtjs/axios": "^5.3.6",
"chart.js": "^2.9.3",
"firebase": "^7.19.1",
"js-cookie": "^2.2.1",
"moment": "^2.27.0",
"nuxt": "^2.0.0",
"vue-chartjs": "^3.5.1",
"vuelidate": "^0.7.5"
*** Bu paketler $ npm install komutu ile otamatik olarak yüklenecektir.
Projede CDN (İçerik Dağıtım Ağı) olarak "Bootstrap" ve "Fontawesome" Kullanıldı.
## Kurulum
- Kurulum için öncelikle Firebase işlemlerini gerçekleştirmeniz gerekmektedir. Bunun için kullanabileceğiniz dökümanlar :
[NuxtJs Blog Sistesinin Kurulumu Ve Firebase Işlemleri (2/1)](https://blog.tahirbattal.com.tr/Blog/-MHGcC94Ri0xXmNi2765), [NuxtJs Blog Sitesinin Local Kurulumu Ve Auth Işlemleri (2/2)](https://blog.tahirbattal.com.tr/Blog/-MHISmcydA_DGXdxsG7K)
- Proje deploy işlemi için : [NustJs Deploy Google App Engine](https://blog.tahirbattal.com.tr/Blog/-MIB6QKCFik91OIimkS7)
- Firebase Web App ayarlarındaki "firebaseConfig" objesinin içeriğini, gitHub'dan indirdiğiniz projenin "nuxt.config.js" dosyasının içerisindeki "env" objesinde karşılık gelen yerlere yazınız.
- Firebase "Storage" bağlantısı için, firebase sayfasından "Storage" sekmesine gidin ve başlatın. "Storage" içerisinden "Rules" sekmesine giderek ``` "allow read, write: if request.auth != null;" ``` kodundaki "null" silip yerine "true" yazınız.
#### Proje Klasöründe Terminal Üzerinden
(Projeyi açtığınız editörün (Visual Studio Code gibi) terminali kullanılabilir.)
``` bash
# bağımlılıkları yüklemek için:
$ npm install
# localhost:3000 üzerinden yayınlamak için:
$ npm run dev
```
#### Firebase Sayfasından
- Firebase "Authentication" işlemi için, firebase sayfasından "Authentication" sekmesine gidin ve "E-posta/Şifre" yazan başlığı seçerek kaydetme işlemini yapınız.
- Authentication sekmesinden kullanıcı ekleyiniz.
#### Projeyi Açtığınız Localhost bağlantısından
(Genellikle tarayıcıda http://localhost:3000 üzerinden yayına alınır)
- Admin girişi ve "Authentication" işlemini gerçekleştirmek için sayfanın en altında "Admin" yazan buton ile admin paneline gidiniz.
- E-posta ve Şifreniz ile giriş yapınız.
- Admin panelinden Profil bilgilerinizi eksiksiz olarak girip kaydediniz.
- Panelden istediğiniz gibi içerik ekleyerek, düzenlemeler yaparak Blog sitesini kullanabilirsiniz.
``` bash
# build for production and launch server
$ npm run build
$ npm run start
```
For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).