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
- 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
- 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!
yazı tipini değiştirebilirsinrenkleri değiştirebilirsinbilgisayar, tablet ve mobil cihazlarda farklı ve daha güzel görünmesini sağlayabilirsin- ...
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 linkistatik 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- ...
- şifre korulmalı yönetim paneli oluşturabilirsin
- veritabanı entegrasyonu
- yazılara yorum bırakabilme özelliği ekle
- ...
- 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.