Git Product home page Git Product logo

dymension-nft-mint-sitesi-yapimi-'s Introduction

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

1

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

2

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

3

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

5

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

6

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

7

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

8

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

10

İstenilen bilgileri kendinize göre doldurup add network diyoruz

9

İş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

c2 c1

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

c3

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

c4

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

f1

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

1

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

3

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 )

4

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

5

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

6

Şİ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

7

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.

c1

<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 YAZININ SONUNDA FAUCET YAPIM LİNKİ MEVCUT'">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

c2

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

c3

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

d1

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

g1

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

f2

Domains kısmına girip edit diyoruz

f3

İ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

Kendi Faucetinizi aşağıdaki github linkinden yapabilirsiniz videolu anlatımı mevcut

https://github.com/0xDeploy/faucet-evm-template

Bunlarda benim linklerim kullanırsanız sevinirim : )

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

https://burcukaledymensionrollapp.vercel.app/

dymension-nft-mint-sitesi-yapimi-'s People

Contributors

burcukaleoglu avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.