4
GitHub - SelmanKahya/mukemmel-blog: Bu proje nasıl kodlandı izlemek ister misin?...
source link: https://github.com/SelmanKahya/mukemmel-blog
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
README.md
Dünyanın en güzel blog'u, www.mukemmel.blog!
Bu proje nasıl kodlandı izlemek ister misin? Youtube videosu: https://youtu.be/cHUh0FmPd3A
YARIŞMAYA KATIL! (son gün 1 Şubat 2020)
- Sağ üstte bulunan FORK tuşuna tıklayarak projeyi kendi hesabına aktar
- Kurulum adımlarını takip edip projeyi bilgisayarında çalışır hale getir
- NextJS kullanarak oluşturulmuş bu projeye yeni özellikler ekle (ne tür özellikler ekleyebilirim?)
- Tasarımı güzelleştir
- Değişiklikleri commitle
- Tüm değişiklikleri bir commit’e sığdırma, parçalara böl böylelikle zaman içerisinde adım adım geliştirdiğini anlayabileyim
- Kodun son halini heroku sunucuna yükle
- Video altına yorum bırakarak heroku linkini ya da kisisel domain linkini bizimle paylaş!
- 1 Şubat 2020 son gün, bu tarihten sonraki yorumlar yarışmaya dahil olmayacak
- Kazananı 15 Şubat tarihinde https://medium.com/@selmankahya adresinden açıklayacağım ve kişiye ulaşıp 1500TL’yi hesabına transfer edeceğim
Kurulum
- NodeJS yükle: https://nodejs.org/en/download/ (ben 10.15.3 versiyonunu kullanıyorum, sen herhangi stabil güncel versiyon kullanabilirsin)
- Bu projeyi kendi github hesabına forkla
- Projeyi bilgisayarına clone'la (nasıl yapılacağini bilmiyorsan tıkla
- Terminali aç, ilk olarak
yarn
ardındanyarn dev
komutlarını çalıştır - Tarayıcını aç ve
http://localhost:3000
adresine git, blog anasayfasını görmelisin - Kod değişiklikleri yap
- Sık sık değişikliklerini commit'le
- Videoda gösterdiğim gibi heroku'dan hesap aç ve uygulama oluştur
- Editör kullanarak
pages/[postId].js
vepages/[postId].js
dosyalarında bulunanhttp://localhost:3000/
kismini heroku uygulama linki ile değiştir (linkin sağında kalan kısmı silmediğine emin ol) - Bilgisayarında bulunan kodu github'a yükle ve heroku'nun uygulamayı sunucuya yüklemesini sağla
- Yeterince yeni özellik eklediğini düşünüyorsan ve yarışmaya katılmak istiyorsan yukarıdaki adımları takip et
- Tebrikler! Artık bir blog'un var. Umarım düzenli aralıklarla bildiklerini ve tecrübeni paylaşıp etrafindaki insanlara değer katmaya devam edersin. Blog'unu arkadaşlarınla ve sosyal medyadaki takipçilerinle paylaşmayı unutma!
Ne tür özellikler ekleyebilirsin?
Kolay
- yazı tipini değiştirebilirsin
- renkleri değiştirebilirsin
- bilgisayar, tablet ve mobil cihazlarda farklı ve daha güzel görünmesini sağlayabilirsin
- ...
Orta
- her iki sayfada tekrar eden kodu refactor et (düzenle) böylelikle kod tekrarı olmasın
- sayfalama ekleyebilirsin
- kendi domain'inde yayınlayabilirsin
- yazıları paylaşma linki
- statik sayfalar ekleyebilirsin (örn. hakkında)
- websitesi linkini ENV değişkeni olarak tanımla (localhost ve heroku linkleri arasında değişiklik yapmana gerek kalmasın, kod nerede çalıştığını anlayıp o linklerden doğru olana istek yapsın)
- google analytics ile entegre et ve ziyaretçi trafiğini takip et
- ...
Zor
- şifre korulmalı yönetim paneli oluşturabilirsin
- veritabanı entegrasyonu
- yazılara yorum bırakabilme özelliği ekle
- ...
Video düzeltmeleri
- Domain eklerken URL yönlendirme aşamasında 4 seçenek içerisinden ilk opsiyonun
www.mukemmel.blog / mukemmel.blog isteklerini yönlendir
seçilmesi gerektiğini söylüyorum. Aslında olması gerekenYalnızca mukemmel.blog isteklerini yönlendir
seçilipwww.mukemmel.org
adresine yönlendirme eklemekti.
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK