{"id":272,"date":"2025-09-24T09:00:00","date_gmt":"2025-09-24T09:00:00","guid":{"rendered":"https:\/\/www.tb-software.ch\/ai\/mining-race-ch-react-next-webseite\/"},"modified":"2025-09-24T09:00:00","modified_gmt":"2025-09-24T09:00:00","slug":"mining-race-ch-react-next-webseite","status":"publish","type":"post","link":"https:\/\/www.tb-software.ch\/ai\/mining-race-ch-react-next-webseite\/","title":{"rendered":"Mining-Race.ch \u2013 React \/ Next Webseite"},"content":{"rendered":"<p>Kryptow\u00e4hrungen und insbesondere Bitcoin-Mining haben mich schon lange fasziniert. Viele Seiten im Bereich von Krypto wirken entweder technisch veraltet oder sind f\u00fcr Einsteiger zu kompliziert. Ich habe immer das Gef\u00fchl gehabt, dass es eine bessere Art geben sollte, solche Themen zu pr\u00e4sentieren klar, transparent und gleichzeitig technisch fundiert, egal ob du neu bist oder bereits ein erfahrener Nutzer.<\/p>\n<p>Deshalb habe ich Mining-race.ch gebaut Eine Plattform, die Informationen, Tools und eine intuitive Bedienung vereint f\u00fcr alle, die sich mit Mining besch\u00e4ftigen m\u00f6chten.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.tb-software.ch\/ai\/wp-content\/uploads\/2026\/05\/Miningrace.com-mobiledevice-demo_256x384-1.png\" alt=\"\" loading=\"lazy\"><\/p>\n<p>    Einladungscode:     <code>9WgF7xtmiIKTriXk8LV9<\/code>     **Kopieren<\/p>\n<p>  .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; }<\/p>\n<p>  (function () {     var btn = document.getElementById(&#8216;copy-btn&#8217;);     var codeEl = document.getElementById(&#8216;invite-code&#8217;);     var status = document.getElementById(&#8216;copy-status&#8217;);     var codeText = codeEl.innerText.trim();<\/p>\n<p>    function setStatus(msg) {       status.textContent = msg;       setTimeout(function(){ status.textContent = &#8221;; }, 3000);     }<\/p>\n<p>    btn.addEventListener(&#8216;click&#8217;, function () {       if (navigator.clipboard &#038;&#038; window.isSecureContext) {         navigator.clipboard.writeText(codeText)           .then(function(){ setStatus(&#8216;Kopiert.&#8217;); })           .catch(function(){ fallbackCopy(); });       } else {         fallbackCopy();       }     });<\/p>\n<p>    function fallbackCopy() {       try {         var range = document.createRange();         range.selectNodeContents(codeEl);         var sel = window.getSelection();         sel.removeAllRanges();         sel.addRange(range);         var ok = document.execCommand(&#8216;copy&#8217;);         sel.removeAllRanges();         setStatus(ok ? &#8216;Kopiert.&#8217; : &#8216;Konnte nicht kopieren.&#8217;);       } catch (e) {         setStatus(&#8216;Konnte nicht kopieren.&#8217;);       }     }   })();<\/p>\n<h2>Technische Umsetzung und Highlights<\/h2>\n<p>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 \u00fcbersichtlich.<\/p>\n<p>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.<\/p>\n<p>Transparenz im Fokus****Keine verschachtelten Men\u00fcs, keine versteckten Links. Jeder Besucher sieht sofort, wie Mining funktioniert, welche Partner dahinterstehen und wie der Ablauf aussieht.<\/p>\n<p>Partner und Mediensektion****Von Coinbase \u00fcber Telegram bis hin zu Hardware-Partnern alle Links sind mit Logos versehen und klickbar. So k\u00f6nnen Nutzer direkt erkennen, woher die Technologie kommt und welche Netzwerke beteiligt sind.<\/p>\n<p>Mining-Rechner****Das Herzst\u00fcck der Seite ist ein Mining-Rechner, den ich selbst entwickelt habe. Er berechnet Ertr\u00e4ge, Laufzeiten und Reinvestitionen in Echtzeit auf Basis echter Daten und mit Auto-Renew-Option.<\/p>\n<p>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.<\/p>\n<h2>Was mich bei der Entwicklung begeistert hat<\/h2>\n<p>Ich liebe es, komplexe Dinge einfach zu machen. Mining ist oft mit Fachbegriffen und technischen H\u00fcrden gespickt. Bei mining-race.ch habe ich versucht, mit klaren Icons, einfachen Erkl\u00e4rungen und direkten Links zu zeigen Man muss kein Informatiker sein, um das Prinzip zu verstehen.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.tb-software.ch\/ai\/wp-content\/uploads\/2026\/05\/react-programmier.jpg\" alt=\"\" loading=\"lazy\"><\/p>\n<p>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\u00fcgen, ohne den Kern zu \u00fcberladen.<\/p>\n<p>Seite ansehen: <a href=\"http:\/\/mining-race.ch\">mining-race.ch<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kryptow\u00e4hrungen und insbesondere Bitcoin-Mining haben mich schon lange fasziniert. Viele Seiten im Bereich von Krypto wirken entweder technisch veraltet oder sind f\u00fcr Einsteiger zu kompliziert. Ich habe immer das Gef\u00fchl gehabt, dass es eine bessere Art geben sollte, solche Themen zu pr\u00e4sentieren klar, transparent und gleichzeitig technisch fundiert, egal ob du neu bist oder bereits\u2026<\/p>\n","protected":false},"author":1,"featured_media":269,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-272","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/posts\/272","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=272"}],"version-history":[{"count":0,"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/posts\/272\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=\/wp\/v2\/media\/269"}],"wp:attachment":[{"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=272"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=272"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.tb-software.ch\/ai\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}