Mining-Race.ch – React / Next Webseite

Kryptowährungen und insbesondere Bitcoin-Mining haben mich schon lange fasziniert. Viele Seiten im Bereich von Krypto wirken entweder technisch veraltet oder sind für Einsteiger zu kompliziert. Ich habe immer das Gefühl gehabt, dass es eine bessere Art geben sollte, solche Themen zu präsentieren klar, transparent und gleichzeitig technisch fundiert, egal ob du neu bist oder bereits ein erfahrener Nutzer.

Deshalb habe ich Mining-race.ch gebaut Eine Plattform, die Informationen, Tools und eine intuitive Bedienung vereint für alle, die sich mit Mining beschäftigen möchten.

Einladungscode: 9WgF7xtmiIKTriXk8LV9 **Kopieren

.invite-clipboard { border: 1px solid #ddd; border-radius: 6px; padding: 12px; max-width: 520px; font: 14px/1.4 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; } .invite-row { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; } .invite-label { font-weight: 600; white-space: nowrap; } .invite-code { background: #f6f8fa; border: 1px solid #e1e4e8; border-radius: 4px; padding: 6px 8px; user-select: all; display: inline-block; } .invite-btn { border: 1px solid #ccc; background: #fff; border-radius: 4px; padding: 6px 10px; cursor: pointer; } .invite-btn:active { transform: translateY(1px); } .invite-status { margin-top: 8px; min-height: 1em; color: #2a7a2a; font-size: 13px; }

(function () { var btn = document.getElementById(‘copy-btn’); var codeEl = document.getElementById(‘invite-code’); var status = document.getElementById(‘copy-status’); var codeText = codeEl.innerText.trim();

function setStatus(msg) { status.textContent = msg; setTimeout(function(){ status.textContent = ”; }, 3000); }

btn.addEventListener(‘click’, function () { if (navigator.clipboard && window.isSecureContext) { navigator.clipboard.writeText(codeText) .then(function(){ setStatus(‘Kopiert.’); }) .catch(function(){ fallbackCopy(); }); } else { fallbackCopy(); } });

function fallbackCopy() { try { var range = document.createRange(); range.selectNodeContents(codeEl); var sel = window.getSelection(); sel.removeAllRanges(); sel.addRange(range); var ok = document.execCommand(‘copy’); sel.removeAllRanges(); setStatus(ok ? ‘Kopiert.’ : ‘Konnte nicht kopieren.’); } catch (e) { setStatus(‘Konnte nicht kopieren.’); } } })();

Technische Umsetzung und Highlights

One-Pager Design****Die gesamte Seite ist als One-Pager aufgebaut. Das bedeutet: Alle wichtigen Inhalte sind ohne langes Scrollen sichtbar, die Ladezeiten sind schnell und die Struktur bleibt übersichtlich.

Mehrsprachigkeit****Von Anfang an wurde die Seite so konzipiert, dass sie in mehreren Sprachen gepflegt werden kann. Das ist wichtig, weil Mining-race.ch Besucher aus aller Welt anzieht und wir alle auf einer Ebene sein wollen.

Transparenz im Fokus****Keine verschachtelten Menüs, keine versteckten Links. Jeder Besucher sieht sofort, wie Mining funktioniert, welche Partner dahinterstehen und wie der Ablauf aussieht.

Partner und Mediensektion****Von Coinbase über Telegram bis hin zu Hardware-Partnern alle Links sind mit Logos versehen und klickbar. So können Nutzer direkt erkennen, woher die Technologie kommt und welche Netzwerke beteiligt sind.

Mining-Rechner****Das Herzstück der Seite ist ein Mining-Rechner, den ich selbst entwickelt habe. Er berechnet Erträge, Laufzeiten und Reinvestitionen in Echtzeit auf Basis echter Daten und mit Auto-Renew-Option.

SEO und Performance** Durch gezielte SEO-Optimierung und eine strukturierte Seite ist mining-race.ch bereits heute gut in Google auffindbar. Strukturierte Daten und cleveres Keyword-Platzieren helfen dabei, den Suchverkehr zu steigern.

Was mich bei der Entwicklung begeistert hat

Ich liebe es, komplexe Dinge einfach zu machen. Mining ist oft mit Fachbegriffen und technischen Hürden gespickt. Bei mining-race.ch habe ich versucht, mit klaren Icons, einfachen Erklärungen und direkten Links zu zeigen Man muss kein Informatiker sein, um das Prinzip zu verstehen.

Technisch finde ich es auch sehr spannend, wie die Seite aufgebaut ist React / Next.js Page.tsx saubere API-Anbindung und ein modulares System nach dem SRP-Prinzip. Neue Module wie FAQ-Erweiterungen oder Chart-Darstellungen lassen sich jederzeit hinzufügen, ohne den Kern zu überladen.

Seite ansehen: mining-race.ch

Klingt nach Ihrem Projekt?

Schreiben Sie mir oder starten Sie eine unverbindliche Projektanfrage.

Projektanfrage →Kontakt