Dymension İçin Basit Nft Mint Sitesi Yapımı

İlk önce aşağıdaki siteye giriş yapıyoruz ve cüzdanımızı bağlıyoruz

https://thirdweb.com/dashboard

Cüzdanı bağladıktan ve imza verdikten sonra mail adresi ve bir isim yazıyorsunuz Get Started For Free Butonuna tıklayıp maile gelen kodu yazıyorsunuz

Starter olan kısmı yani Get Started For Free olanı seçiyoruz

Sizden kart bilgilerinizi isteyecek I'II DO THİS LATER kısmına tıklıyoruz ki bizden para almasın : )

Contracts Kısmına tıklıyoruz ve aşağıdan Ready-to-Deploy Kısmına Tıklıyoruz

Biraz aşağıya iniyoruz ve Edition Drop Kısmına Tıklıyoruz

Deploy Now Diyoruz Çıkan ekranda Resim - isim - sembol - ve açıklama yazıyorsunuz

Şimdi kendi ağımızı ekleyeceğiz işaretlediğim yere tıklıyoruz ADD CUSTOM NETWORK kısmına tıklıyoruz

İstenilen bilgileri kendinize göre doldurup add network diyoruz

İşaretlediğim yere tıklayıp testnet tarafından kendi ağınızı bulup seçin ve Deploy Now kısmına basın Cüzdandan onay verin kendi ağınızda token olsun yoksa mumbai ağına geçmenizi ister

Cüzdandan onayları verdiğinizde sizi ana sayfaya atacak sol taraftaki Embed kısmına tıklıyoruz

Açılan sayfada Create Client ID kısmına tıklıyoruz

Sol taraftan NFTs Kısmına tıklıyoruz Single Upload kısmına tıklıyoruz İstenilen bilgileri giriyoruz Lazy mint Nft diyip cüzdanan onay veriyoruz

işaretlediğim yere tıklıyoruz - üstüne tıklasanızda olur

Açılan sayfada Claim Conditions kısmına tıklıyoruz ve Add Phase butonuna tıklayıp public seçiyoruz

burada tarih ve mint ücreti ne kadar olacak o kısımları ayarlıyoruzsunuz Diğer taraflar olduğu gibi kalabilir. mint ücreti ve tarihi ayarladıktan sonra aşağıya inip Save Phase diyoruz ve cüzdandan onaylıyoruz ( mint başlama tarihini burayı ne zaman okuyorsan 10 dk ileri olarak ayarlasan yeterli )

Sol taraftan Embed kısmını seçiyoruz ve aşağıya doğru indiğinizde nft mint sitenizi görebilirsiniz

Embed Code yazan kısımdaki kodlar sizin Vercel'de paylaşabişeceğiniz site kodlarınız

ŞİMDİ SIRA GELDİ BUNU VERCEL ÜZERİNDEN YAYINLAMAYA

Github üzerinden yeni bir repository oluşturuyoruz profile gelip sağ üst köşeden new butonuna tıklayıp Repository name kısmına herhangi bir isim yazıp Add a README file tikini işaretleyip create repository diyoruz bunu herkes biliyordur diye ss eklemedim. Oluşturduğunuz repositorye gelip add file kısmından create new file diyoruz

ismini index.html yazıyoruz ve aşağıda gösterdiğim gibi kodları yazıyorsunuz ben size kodları vereceğim fakat chatgpt kullanarak daha farklı şeyler yapabilirsiniz.

<style>
    }

    button {
        background: none;
        border: none;
        padding: 0;
        font-family: 'Fraunces', sans-serif;
        font-size: 24px;
        font-weight: bold;
        cursor: pointer;
        color: #001f3f;
    }

    .separator {
        margin: 0 10px;
    }

    .heading {
        font-family: 'Fraunces', sans-serif;
        font-size: 40px;
        font-weight: bold;
        color: #001f3f;
        margin-bottom: 10px;
    }
</style>

<div class="button-container">
    <div class="heading">BURAYA İSTEDİĞİNİZİ YAZABİLİRSİNİZ ÖRNEK ( BURCUKALE DYMENSİON ROLLAPP) GİBİ</div>
    <button onclick="window.location.href='BURAYA ROLLER LİNKİNİZİ YAZINIZ'">Rollapp</button>
    <span class="separator">⟡</span>
    <button onclick="window.location.href='BURAYADA FAUCET LİNKİNİZİ YAZINIZ'">Faucet</button>
    <span class="separator">⟡</span>
</div>

<div style="display: flex; justify-content: center;">
    (<iframe  BU KISMI SİLİP BURAYA Embed Code yazan kısımdaki kodları KOPYALAYIP YAPIŞTIRIN )
    src="https://embed.ipfscdn.io/ipfs/bafybeigdie2yyiazou7grjowoevmuip6akk33nqb55vrpezqdwfssrxyfy/erc1155.html?contract=0x16A0A9D87aACbF358dd16847E9306D38104B65AA&chain=%7B%22name%22%3A%22burcukale%22%2C%22chain%22%3A%22%22%2C%22rpc%22%3A%5B%22https%3A%2F%2Ffroopyland.dymension.xyz%2F12%2Fburcukale_4112966-1%2Fevmrpc%22%5D%2C%22nativeCurrency%22%3A%7B%22symbol%22%3A%22BRCK%22%2C%22name%22%3A%22BRCK%22%2C%22decimals%22%3A18%7D%2C%22shortName%22%3A%22burcukale%22%2C%22chainId%22%3A4112966%2C%22testnet%22%3Atrue%2C%22slug%22%3A%22burcukale%22%7D&clientId=a6e3d2321ea721c7be7ca4124f8b27c5&tokenId=0&theme=dark&primaryColor=purple"
    width="600px"
    height="600px"
    style="max-width:100%;"
    frameborder="0"
></iframe>

En son commit Changes diyoruz ve github ile işimiz bitiyor

https://vercel.com sitesine gidiyoruz ve github ile bağlanıyoruz dashboard kısmında sağ taraftan add new diyip project diyoruz

Import Git Repository kısmında githubda yaptığımız repoyu görebilirsiniz import diyoruz ve açılan sayfadan deploy butonuna basıyoruz

Siteniz hazır continue to dashboard butonuna tıklıyoruz

Şimdi domain ayarlayalım kendisi rastgele isim veriyor bunu kendimize göre ayarlayalım setting kısmına giriyoruz

Domains kısmına girip edit diyoruz

İstediğiniz ismi yazın ve save diyin siteniz hazır. Hata olduysa mağzur görün döküman yazan biri değilim :D

Bunlarda benim linklerim kullanırsanız sevinirim : )

https://portal.dymension.xyz/rollapp/burcukale_4112966-1

https://burcukaledymensionrollapp.vercel.app/