
İstanbul Web3 Topluluğu olarak sizi yeni bir etkinliğe davet ediyoruz! 🎉
23 Ocak tarihinde gerçekleşecek bu etkinlikte deneyimlerimizi paylaşmak için online olarak bir araya geliyoruz.
Bu etkinlikte, Community Gaming şirketinde Web3 Frontend Engineer olarak çalışan Abdullah Furkan Özbek, "Creating a Token Staking DApp Using Next.js & Ethers.js" sunumu ile bizlerle olacak.
Web3 dünyasındaki gelişmeleri yakından takip etmek ve Web3 ile ilgili bilgi ve deneyim paylaşımında bulunmak isteyen herkes katılabilir.
Katılım ücretsizdir ve tüm Web3 meraklılarına açıktır.
*Etkinliğimiz YouTube üzerinden gerçekleşecektir.
Etkinliğimize katılmak için kayıt olmayı unutmayın, keyifli bir etkinlik olması dileğiyle! 💚
YouTube üzerinden katılım sağlayabilirsiniz.
https://www.youtube.com/watch?v=ehNqszzP9o4
Chrome
https://chromewebstore.google.com/detail/metamask/nkbihfbeogaeaoehlefnkodbefgpgknn?hl=en
Firefox
https://addons.mozilla.org/en-US/firefox/addon/ether-metamask/
2. "initial-setup" branchinden başlayacağız. O yüzden kodu inceleyebilirsiniz. Genel stiller ve bazı componentler oluşmuş olacak.
3. Metamask eklentisi gerekli olacak. Cüzdan olarak onu kullanacağız. İndirip kendinize bir tane cüzdan oluşturmanız yeterli olacaktır.
4. Main branch i takip eden canlı demo için buradan ulaşabilirsiniz -> https://stake-app-tau.vercel.app/
Eğer projeyi beraber yapmak isterseniz yukarıdaki adımları etklinlik öncesi yapmanızı rica ederim. Sorunuz varsa yazabilirsiniz
Proje içerisinde şunlara değinmeye çalışacağım:
- Smart Contract oluşturma ve deploy etme
- Smart Contract içerisindeki yapılar
- Remix nedir, nasıl contract test edilir
- Next.js için bir kaç farklı sayfa üzerinden projeyi yapmayı planlıyorum
- Ethers.js ve özel hook'lar kullanarak Staking, Withdrawing, Token Faucet işlemleri oluşturma
- Web3 ile ilgili yeni npm paketlerini kullanarak size göstereceğim
- Server-side rendering ve diğer Next.js özelliklerine değinebiliriz (Ana proje sonrasında isteğe bağlı)
- Frontend ve Web3 hakkında soru-cevap bölümü
Umarım yararlı olur. Eğer aklınıza takılan bir bölüm varsa haftaya kadar sorabilirsiniz onu da eklemeye çalışırım sunum ve proje içerisine, teşekkürler