Vibe-Codierung für die Front-End-Entwicklung mit Replit AI | Alex Genadinik | Skillshare

Playback-Geschwindigkeit


1.0x


  • 0.5x
  • 0.75x
  • 1x (normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Vibe-Codierung für die Front-End-Entwicklung mit Replit AI

teacher avatar Alex Genadinik

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Schau dir diesen Kurs und Tausende anderer Kurse an

Erhalte unbegrenzten Zugang zu allen Kursen
Lerne von Branchenführern, Ikonen und erfahrenen Experten
Wähle aus einer Vielzahl von Themen, wie Illustration, Design, Fotografie, Animation und mehr

Einheiten dieses Kurses

    • 1.

      Einführung und Begrüßung des Replikationskurses

      1:49

    • 2.

      Definition der Vibe-Codierung

      4:08

    • 3.

      Erster Schritt Bei Der Verwendung Von Replit

      7:43

    • 4.

      Fertigstellen der Antwortaufforderung für die Krypto-Website

      7:51

    • 5.

      Erste Antwortaufforderung Und Erstellung Von Websites Ohne Code

      4:55

    • 6.

      Der Prozess Der Zusammenarbeit Mit Replit Zur Verbesserung Der Leistungen

      6:21

    • 7.

      Bereitstellen der Replit Website

      1:47

    • 8.

      Die erforderlichen Schritte zum Start Ihrer Website

      1:03

    • 9.

      Den Domainnamen für Ihre Website erhalten

      7:06

    • 10.

      Festlegen der Website-Nameserver

      5:18

    • 11.

      Weitere Einstellungen Und Fehlerbehebung

      2:10

  • --
  • Anfänger-Niveau
  • Fortgeschrittenes Niveau
  • Fortgeschrittenes Niveau
  • Jedes Niveau

Von der Community generiert

Das Niveau wird anhand der mehrheitlichen Meinung der Teilnehmer:innen bestimmt, die diesen Kurs bewertet haben. Bis das Feedback von mindestens 5 Teilnehmer:innen eingegangen ist, wird die Empfehlung der Kursleiter:innen angezeigt.

21

Teilnehmer:innen

3

Projekte

Über diesen Kurs

Möchten Sie eine Website erstellen, sind aber von Programmier- und Entwurf Tools oder hohen Kosten für Freelancer überfordert? In diesem Kurs lernen Sie, wie Sie eine voll funktionsfähige Website mit Replit AI starten, der bahnbrechenden No-Code-Plattform, auf der Sie Code mit einer Technik namens Vibe Coding schreiben können, bei der Sie der KI einfach mitteilen, den gewünschten Code zu schreiben.

Dieser Kurs richtet sich speziell an technisch nicht versierte Benutzer, Entwickler, Unternehmer und Inhaber kleiner Unternehmen, die schnell eine Website erstellen und bereitstellen möchten, ohne Entwickler einstellen zu müssen oder Tausende von Dollar auszugeben. Ganz gleich, ob Sie einen persönlichen Blog, ein Portfolio oder eine Landingpage für Ihr Unternehmen erstellen, mit Replit AI können Sie innerhalb von Minuten von der Idee zur Live-Website übergehen – ohne Programmieren zu müssen!

Du lernst,

  • Richten Sie Ihr kostenloses Replit-Konto ein

  • Erstellen Sie mit Replit AI Code für Ihre Website, ohne ihn selbst schreiben zu müssen

  • Passen Sie Ihre Website mit intuitiven, KI-gestützten Vorschlägen an

  • Fügen Sie wichtige Elemente wie Bilder, Schaltflächen und Kontaktformulare hinzu (bei Kleidung, nicht bei UI)

  • Bereitstellen und Hosten Ihrer Website live im Web – kostenlos oder zu minimalen Kosten

  • Wartung und Aktualisierung Ihrer Website mit KI-Tools

Der Kurs beinhaltet eine praktische Übung, in der Sie Schritt für Schritt Ihre erste Website mithilfe der KI-Funktionen von Replit erstellen. Am Ende haben Sie eine veröffentlichte, angepasste Website, die Sie mit der Welt teilen können – und das alles, ohne Programmieren lernen oder teure Freiberufler einstellen zu müssen.

Warum dieser Kurs anders ist:

  • Günstigste und schnellste Möglichkeit, online zu gehen

  • Praxisprojekt zur Anwendung Ihrer Kenntnisse

  • Entwickelt für Anfänger und Nicht-Techniker

  • Laufende Updates und Support

Lassen Sie sich nicht von technischen Barrieren davon abhalten, Ihre Website zu starten. Erfahren Sie, wie Sie die Leistungsfähigkeit von Replit AI nutzen, um Ihre Website zu erstellen und zu veröffentlichen: schnell, kostengünstig und stressfrei.

Triff deine:n Kursleiter:in

Teacher Profile Image

Alex Genadinik

Kursleiter:in
Level: Beginner

Kursbewertung

Erwartungen erfüllt?
    Voll und ganz!
  • 0%
  • Ja
  • 0%
  • Teils teils
  • 0%
  • Eher nicht
  • 0%

Warum lohnt sich eine Mitgliedschaft bei Skillshare?

Nimm an prämierten Skillshare Original-Kursen teil

Jeder Kurs setzt sich aus kurzen Einheiten und praktischen Übungsprojekten zusammen

Mit deiner Mitgliedschaft unterstützt du die Kursleiter:innen auf Skillshare

Lerne von überall aus

Ob auf dem Weg zur Arbeit, zur Uni oder im Flieger - streame oder lade Kurse herunter mit der Skillshare-App und lerne, wo auch immer du möchtest.

Transkripte

1. Einführung und Begrüßung des Replikationskurses: Willkommen zu diesem aufregenden neuen Kurs darüber, wie Sie Ihre eigene Website ohne Programmierung und ohne Einstellung von Freelancern erstellen ohne Programmierung und ohne Einstellung von Freelancern Sie werden in der Lage sein, Ihre eigene Website zu 100% mithilfe künstlicher Intelligenz zu erstellen , und Sie werden in der Lage sein, innerhalb von ein oder zwei Stunden eine Website zu oder zwei Stunden buchstäblich am selben Tag, an dem Sie diesen Kurs erhalten, anmelden und an diesem Kurs teilnehmen, Klick für Klick, Zeile für Zeile, Schritt für Schritt Ich werde Ihnen von A bis Z zeigen, wie Sie vom absoluten Nullpunkt aus eine funktionierende Live-Website, keine Test-Website, sondern eine Live-Website in weniger als 1 Stunde Langfristig müssen Sie natürlich einige Änderungen vornehmen, sodass Sie mehr Zeit auf Ihrer Website verbringen müssen, aber Sie werden in der Lage sein, eine wirklich schöne Website sehr schnell und viel billiger zu starten eine wirklich schöne Website schnell und viel billiger denn wenn Sie einen Freelancer beauftragen müssten, würde Sie das mindestens ein paar hundert Dollar und zumindest ein paar Wochen Wartezeit kosten . Und wenn sie gut sind, vielleicht ein paar Tage. Aber was ist, wenn Sie einige Überarbeitungen wünschen, das würde ein paar Tage zusätzliche Überarbeitung in Anspruch nehmen Auf diese Weise dauert jede Region nur ein paar Minuten und die gesamte Website dauert weniger als 1 Stunde Also werden wir Replet verwenden, einen der führenden KI-No-Code-Softwarehersteller Und da es sich um Software Builder handelt, muss das nicht nur auf eine Website mit Replet beschränkt sein nur auf eine Website mit , die Sie in diesem Kurs lernen werden. Sie werden in der Lage sein, KI-basierte Agenten für mobile Apps zu erstellen , die einfach für Sie und viele andere Arten von Software funktionieren für Sie und viele andere Arten von Software funktionieren Wenn Sie also ein Software-as-a-Service-Unternehmen auf den Markt bringen möchten , ist AplttDay genau das Richtige für Sie. Also willkommen zum Kurs und lass uns beginnen. 2. Definition der Vibe-Codierung: Lassen Sie uns den Begriff Vibe Coding definieren weil er wie ein dummer Begriff erscheinen mag wie: Hey, die Stimmung ist cool, aber das ist eine Flutwelle, die die Coding-Welt erfasst, und es wird auf absehbare Zeit die die Coding-Welt erfasst, einer der wichtigsten Begriffe bei der Entwicklung von Unternehmen und Startups sein wichtigsten Begriffe bei der Entwicklung von Unternehmen , weil er wie ein dummer Begriff erscheinen mag wie: Hey, die Stimmung ist cool, aber das ist eine Flutwelle, die die Coding-Welt erfasst, und es wird auf absehbare Zeit einer der wichtigsten Begriffe bei der Entwicklung von Unternehmen und Startups sein. Woher kommt also dieser lustige Begriff? Er stammt von Andre Carpathi. Er ist ein Vordenker im KI-Bereich. Er arbeitete früher für OpenAI, das HAGPT gegründet hat, und er hat schon früh etwas getwittert , das ungefähr so lautete Hier kann man der Stimmung nachgeben, Exponentialzahlen akzeptieren und vergessen, dass Code überhaupt existiert, was Dies ist ein kleinerer Teil eines größeren Zitats, aber denken Sie darüber nach Geben Sie sich der Atmosphäre dessen hin , was Sie machen möchten. Vergessen Sie, dass Code existiert und vergessen Sie, dass es Einschränkungen gibt, denn wenn Sie traditionell programmieren würden und Ihnen sagen würden : Hey, diese Funktion , würde Kopfschmerzen bereiten, weil Sie , Hmm, nun, um diese Funktion zu entwickeln, muss ich diese Bibliothek und diese Bibliothek und diese API lernen , und ich werde ein paar Tage brauchen , um das herauszufinden Ich muss eine Menge unglaublich, schrecklich langweiliger Dokumentationen lesen , die ein Schlummerfest sind. Ich werde 1 Million Pausen einlegen, um Snacks zu essen, weil es einfach so langweilig sein wird und die nächsten zwei Tage miserabel und stressig sein werden stressig Ich werde es holen. Ich werde es schaffen. Aber das ist mein Leben für die nächsten zwei Tage, wenn ich ein völlig neues Feature erstellen muss. Und diese Stimmung ist natürlich nicht so gut oder, wie meine Tochter sagen würde, eklig. Aber das Tolle daran, Ingenieur zu sein, ist, dass man alles machen kann Und hier lassen wir KI alles für uns erstellen, sodass wir uns nur Gedanken darüber machen müssen, was wir uns ausdenken können denn Vibe-Coding ist eigentlich das Gegenteil von Coding Es ist überhaupt kein Codieren. Es ist der Ingenieur statt Codierung. Jetzt teilen sie der KI nur noch in natürlicher Sprache, in meinem Fall Englisch, mit, welchen Code und welche Funktionen sie erstellen soll. Also, hey, mach mir eine Website, mach mir eine App, mach mir, was immer ich will. Ganz wichtig: Das gibt Ihnen die Möglichkeit, fast alles zu prototypisieren , kein vollständig fertiges Produkt, sondern innerhalb einer Stunde einen Prototyp zu erstellen und Feedback dazu zu erhalten , ihn potenziellen Kunden, Ihrem Chef, zu zeigen. Das ist beispiellos. Wenn Sie schon einmal eine Website starten wollten, wenn Sie schnell sind, können Sie WordPress machen, aber Sie könnten keine mobile App erstellen, Sie könnten keine andere Originalsoftware erstellen. Es wird Tage und Tage dauern. Die Revolution hier ist vielfältig, weil, ja, sie ist viel schneller, das heißt, sie ist erschwinglicher und effizienter, aber sie demokratisiert die Webentwicklung, weil es nicht mehr notwendig ist , Webentwickler einzustellen oder Programmieren zu lernen Nichts für ungut gegenüber Webentwicklern. Ich war selbst Softwareingenieur, aber die Revolution hier ist dass jeder der 7 Milliarden Menschen der Welt heute Unternehmen und Produkte ohne große Hürden gründen kann Produkte ohne große Hürden Im Allgemeinen funktioniert Vibe-Coding so, dass Sie eine browserbasierte Entwicklungsumgebung haben eine browserbasierte Entwicklungsumgebung Sie dem Team sagen können, was zu tun ist, und das macht die Zusammenarbeit sogar einfacher, wenn Sie ein Team haben Außerdem werden komplexe Konfigurationen entfernt , die früher in Softwareentwicklungsumgebungen vorhanden Softwareentwicklungsumgebungen Das war ein weiterer großer Kopfschmerz. habe ich so gehasst, als ob etwas nicht funktionieren würde, und du sagtest, warum funktioniert es nicht? Und es ist wie ein Syntaxfehler oder irgendwo in der Konfiguration und du würdest einen halben Tag brauchen , um herauszufinden, was es war, und einfach eine schreckliche Erfahrung, mit der du dich nicht mehr auseinandersetzen musst. Natürlich gibt es noch viel mehr über Vibe-Coding zu sagen , denn es ist KI, es wird von Tag zu Tag unendlich komplexer und ausgefeilter Aber weil dieser Begriff von nun an die ganze Zeit verwendet wird , wird es nur noch auffallen, wie oft er verwendet wird. Es war unglaublich wichtig , zu definieren, was es ist, und den Kontext so festzulegen , dass Sie es verstehen, wann immer er auftaucht. 3. Erster Schritt Bei Der Verwendung Von Replit: In diesem Video beginnen wir den ersten Schritten zur Verwendung von Raplet Wenn Sie also zu Plet kommen, haben Sie vielleicht einen Bildschirm wie diesen und er wird sagen: Hey, was möchten Sie machen? Nehmen wir an, Sie möchten eine einfache Website für eine Agentur erstellen eine einfache Website für eine Agentur Nehmen wir an, Sie haben eine SEO-Marketingagentur und möchten Ihre grundlegende Website erstellen. Also lass uns das machen. Folgendes werde ich sagen. Das ist meine Aufforderung. In Kürze werden wir uns mit der formelleren Prompt-Technik befassen, aber hier ist eine grundlegende Aufforderung. Erstellen Sie eine einfache Website mit einem Blog für eine SEO-Marketingagentur, die Inhaltserstellung und Keyword-Recherche anbietet Inhaltserstellung und . Das sind die Dienste. Es hat seinen Sitz in London, Großbritannien, und die Agentur ist benannt. Ich habe ihm einen lustigen Namen gegeben SEO Bro. Ich dachte, es würde sich ein bisschen besser reimen, SCO Bro so etwas Sie können ihm auch einige spezifische Dinge geben z. B. sicherstellen, dass Sie einen Servicebereich erstellen Sie können ihm auch einige spezifische Anweisungen geben z. B. die SU-Optimierung für die Homepage, für das Keyword oder die SEO-Keyword-Recherche durchführen . Und ich klicke auf Start Building. Es dauert eine Weile , weil es den gesamten Code tatsächlich von Grund auf neu erstellen muss , und vorher muss es verstehen, was Sie wollen. Also verarbeitet es zunächst Ihre Anfrage. Es werden oft Fragen gestellt, um sicherzustellen, dass es auf dem richtigen Weg ist. Also hier ist das Marketing Ihres SEO-Büros. Die erste Version wird eine professionelle SO-Agentur-Website sein. Ja, Genehmigung des Plans. Es zeigt also, dass es die ursprüngliche Planung durchgeführt hat. Möchten Sie für später dieser zusätzlichen Funktionen ein Blogpost-Management-System hinzufügen? Das wäre so, als würde man Wordpress nachahmen, denn mit Wordpress können Sie ein Blog erstellen . Also ja, das wäre großartig. Implementieren Sie auf jeden Fall ein Kontaktformular mit Lead-Erfassung. Das wäre unglaublich. Fügen Sie eine Fallstudie und einen Portfolio-Bereich hinzu. Das wäre auch fantastisch. Das sind Dinge, an die ich eigentlich nicht gedacht habe, aber es ist toll, sie zu haben. Integrieren Sie Google Analytics und Search Console. Nein, denn um Google Analytics und die Search Console zu integrieren , möchten Sie dies möglicherweise später tun da wir diese Website nicht eingerichtet haben, sodass es weder Google Analytics noch eine Suchkonsole geben kann. Es ist keine echte Website. Also werden wir das vorerst nicht überprüfen. Aber wenn Sie eine echte Website für Ihr Unternehmen erstellen, möchten Sie diese auf jeden Fall haben. Aber nur weil es ein Beispiel ist und wir das nicht wirklich starten werden, werden wir das vorerst ein Beispiel ist und wir das nicht wirklich starten werden, nicht überprüfen lassen. Lassen Sie uns also auf Plan genehmigen klicken und beginnen. Wie Sie sehen können, fängt es an zu funktionieren. Und was wirklich cool ist, ist, dass es dir irgendwie sagt, was es auf der linken Seite macht, und dass es auf der rechten Seite tatsächlich die Arbeit macht. Normalerweise lasse ich das Video einfach laufen und dann habe ich die Wartezeit gekürzt und dir gesagt: Oh, es hat 2 Minuten gedauert und ich musste warten, und diese Zeit habe ich gekürzt Aber hier ist es wirklich merkwürdig, wie die Website tatsächlich aufgebaut wird Schau, es baut sie buchstäblich nur Element für Element auf. ACO Bruder, du hast ein kleines Logo, du hast den Titel, du hast all diese Dinge. Sie haben die Navigation oben . Sie baut es immer noch aus. Wenn ich scrollen will, kann ich nicht mehr scrollen. Und dann, eine Sekunde später, kann ich scrollen, also wird es buchstäblich erstellt. Dies sind die Dienste , denen ich ihr über SEO-Keyword-Recherche und Erstellung von Inhalten erzählt habe . Wenn Sie möchten, können Sie weitere Dienste in Anspruch nehmen, z. B. Ink Building oder was auch immer für SEO. Wirklich cool. Es hat tatsächlich schon einige Blogbeiträge geschrieben, der ultimative SEO-Leitfaden. Es ist lustig. Ich filme das 2025, aber es ist ein Artikel von 2024 entstanden, der albern ist Hier sind die Kundenrezensionen , die Sie in Ihre tatsächlichen Kundenrezensionen einfügen müssten Diese sind offensichtlich falsch , weil es kein solches Geschäft gibt. Natürlich können Sie Daten wie diese entweder entfernen lassen oder Sie können Ihre eigenen Daten einstecken, aber im Grunde funktionieren sie an Dingen. Solange es noch an Dingen arbeitet, können Sie neugierig sein und schauen, ob Sie auf etwas klicken können. Im Moment kann man Dinge nicht wirklich anklicken. Es baut es nur. Aber es ist tatsächlich auf der linken Seite und zeigt dir, was es tut. Schau dir diese visuelle Vorschau an, sie gibt dir gerade die visuelle Vorschau. Es ist also nur eine Vorschau. Nichts ist anklickbar, bis es fertig ist Nun, da Sie gesehen haben, wie es funktioniert, dauert es eine Weile Also werde ich dieses Video pausieren und schneiden, bis Raplet fertig ist, und ich werde einfach zu diesem Moment vorspulen Normalerweise kann es bei einer Website wie dieser zusätzliche 3 Minuten dauern, bis man wartet oder Also werde ich dieses Video vorspulen bis diese 3 Minuten oder so fertig sind, und wir sehen uns dann, und ich werde dir sagen, wie es gelaufen ist, und ich werde es dir zeigen. Am Ende hat es etwas länger gedauert, vielleicht fünf bis zehn Minuten oder so, aber wir haben auf der rechten Seite eine vollwertige Website, eine vollwertige Website, und wir können eine Vorschau der Website anzeigen und navigieren Wenn ich zum Beispiel auf Dienste klicke, siehst du, dass es zum Servicebereich geht, Blog, geht zum Blog-Bereich Ich kann auf die einzelnen Blog-Beiträge klicken, und schon hat es den Blogbeitrag geschrieben. Nun, die Blogbeiträge sind nicht großartig. Dies ist ein Service, der nicht für das Schreiben von Blogbeiträgen gedacht ist. Ich bin mir zwar sicher, wenn Sie ihn bitten, einen ausführlicheren, längeren Blogbeitrag zu verfassen , aber wenn Sie es angeben , wird es schreiben, was Sie wollen. Jetzt gibt es die Info-Seite und die Kontaktseite, und sie geben Ihnen eine Zusammenfassung dessen, was sie getan hat. Ich habe eine Homepage erstellt, den Heldenbereich, das ist eine Art Heldenbereich das ist so ein großes Bild. Testberichte zum Seitenkontakt in der Vorschau des Services-Blogs. Es gibt eine Blogseite mit Artikeln, die sich auf SUR konzentrieren, einzelne Blogpost-Seiten mit der richtigen Formatierung, Kontaktformular für die Serviceauswahl, professionelles Branding und Messaging in London die SU-Optimierung mit Metatags, strukturierten Daten und Tastatur-Targeting Es ist nicht nur Webentwicklung sondern auch ein bisschen Marketing, das es bereits getan hat, weil es einen Teil der SEO-Arbeit für diese Website erledigt hat . Und wie Sie in der Überschrift sehen können, zielt es auf die SEO-Keyword-Recherche ab, sodass die Dinge wirklich gut optimiert wurden. SEO-Keyword-Recherche, SEO-Strategie, es optimiert für diese Keywords. Und wenn Sie ein solches Ergebnis erhalten haben, können Sie ein paar Dinge tun. Du kannst es fragen, Hey, das gefällt mir nicht. Du siehst, es ist quasi eine unendliche Schriftrolle. Alles ist auf einer Seite. Du kannst sagen, das gefällt mir nicht. Ich möchte, dass jeder Link hier auf eine separate Seite führt. Sie können es fragen und es wird die Website neu erstellen, oder Sie könnten sagen, ich möchte eine andere Funktion. Ich mag vielleicht Abschnitt drei nicht, ändern oder wenn du liebst, wie es ist und du sagst, oh, ich will das starten. Du kannst das starten und du kannst den Domainnamen kaufen und alles über Replet hosten lassen Und es bietet Ihnen relativ wettbewerbsfähige Preise, nicht die bestmöglichen Preise, aber immer noch sehr Und ich denke, das würde es attraktiv machen , weil alles an einem Ort ist , denn nehmen wir an, Sie haben irgendwo einen kostenlosen Domainnamen. Nun, Sie müssen die Weiterleitung von Domainnamen und all das konfigurieren . Es braucht Zeit. Und weil es Zeit braucht, ist das Geld, oder? Sie verbringen Ihre Zeit damit, Dinge zu konfigurieren , die Sie nicht tun möchten anstatt Ihre Website zu erstellen und mit dem Aufbau Ihres Unternehmens zu beginnen. Das spart Ihnen also Zeit. Es bietet Ihnen nicht unbedingt die optimalen Preise, aber aufgrund der Zeitersparnis stellt es eine Kostenersparnis dar, was ich für mich einfach alles auf Lager machen würde Bevor wir uns im nächsten Video zu sehr Erstellung von Websites und allem befassen, möchte ich Ihnen zeigen, wie Sie ein optimales Prompt-Engineering durchführen, damit Sie genau wissen, wie damit Sie genau wissen, wie Sie Replet so steuern, dass Sie gute Ergebnisse Denn wie Sie sehen können, ist es eine relativ kurze Zeit, wenn ich dafür etwa 10 Minuten gebraucht habe , aber es sind nicht ein oder zwei Sekunden, wie Sie es vielleicht von Cha GPT gewohnt Du musst also warten und 10 Minuten nehmen einen Großteil deiner Zeit in Anspruch Sie möchten also nicht immer wieder Fragen stellen. Also werde ich Ihnen zeigen, wie Sie die ideale Aufforderung geben , damit Sie von der ersten Aufforderung an so viel Richtig wie möglich erhalten von der ersten Aufforderung Also lass uns das im nächsten Video machen. 4. Fertigstellen der Antwortaufforderung für die Krypto-Website: Lassen Sie uns mit diesem Video unser Klassenprojekt beginnen und mit unserem Klassenprojekt beginnen, ein großartiges PletPmpt zu erstellen Dann kann ich Ihnen von der Aufforderung aus zeigen, wie Sie die gesamte Website erstellen und von der Aufforderung aus zeigen, wie Sie die eine Domain erhalten und das Hosting übernehmen und diese Website live schalten Und ich bin dazu in der Lage, weil ich gerade an einem Nebenprojekt arbeite, und dieses gerade an einem Nebenprojekt arbeite, Projekt benötigt tatsächlich eine Website, denn wenn ich dir ein einfaches Beispiel geben würde, wie ein Spielzeugbeispiel, das nirgendwohin führen würde, dann würde ich nicht wirklich Hosting dafür bekommen. Ich würde nicht wirklich einen Domainnamen dafür bekommen, also wäre es kein vollständiges Beispiel. Aber damit werde ich in der Lage sein, Sie von A bis Z durch ein vollständiges Beispiel zu führen, von der Eingabeaufforderung aus, und Sie buchstäblich durch jeden Schritt führen, sodass Sie es Klick für Klick verfolgen können , was auch immer Ihre Website sein soll. Also hier ist mein Projekt. Es ist ein Nebenprojekt. Ich bin gerade dabei, mein eigenes Kryptowährungstoken auf den Markt zu bringen. Es kommt also vor, dass Kryptowährungstoken fast immer eine dazugehörige Website haben. Dieses spezielle Kryptowährungstoken ist etwas, das in der realen Welt von Nutzen sein wird, und ich ziele auf diese kreative Community , weil ich mein ganzes Leben lang Dinge geschaffen habe . Ich mache Musik als Hobby und Leidenschaft. meiner Freizeit schreibe ich Gedichte und erstelle Kurse und Videos. Ich habe nur kreiert. Ich war auch Autor, also identifiziere ich mich sehr mit der kreativen Gemeinschaft und ich verstehe, wie schwer es für sie ist. Wenn du zum Beispiel ein Buch schreiben willst , musst du dich vielleicht an einen Verlag wenden, und das Buchverlagsgeschäft ist einfach kaputt. Sie nutzen Autoren aus und geben den Autoren einen Vorschuss, was eine kleine Vorauszahlung ist, und das hilft den Autoren Aber sie nehmen so viel von der Arbeit des Autors in Anspruch. Kurz gesagt, wenn Sie sich an einen Verlag wenden, bevor Sie Ihr Buch veröffentlichen, schulden Sie Ihrem Agenten und Ihrem Verlag mindestens 30% Ihres gesamten Bucheinkommens , und das noch bevor das Buch veröffentlicht wird. Ich habe also eine Möglichkeit, Kryptowährungen zu nutzen, um kreativen Menschen bei der Finanzierung ihres Projekts zu helfen . Und im Gegensatz zur Verlagsbranche oder vielen anderen Branchen möchte ich, dass die Entwickler mindestens 99,5% des gesamten Geldes, das sie sammeln können, einnehmen können, und das sehr kleine Extra geht nur in die Transaktionskosten Das ist also der Kontext des Projekts. Und das ist eigentlich das allererste, was wir Replet erklären müssen Also hier nehme ich die Vorlage, die wir im vorherigen Video verwendet haben, und werde sie bearbeiten, um Ihnen zu zeigen, wie sie für das RepletPMPT aussehen wird Also hier ist der Kontext, den ich habe . Ich erstelle eine Website für eine neue Kryptowährung, die ich auf der Solana-Blockchain Das Tickersymbol wird SPRK sein, was für Spark steht. Den Zweck dieses Tokens sollte ich eigentlich sagen Also hier habe ich es verbessert. Sein Tickersymbol wird SPRK sein, was eher für Spark steht. Das ist nur so, damit es das Branding im Voraus versteht Der Zweck dieses Tokens ist es, kreativen Menschen zu helfen , Finanzmittel für ihr Projekt zu erhalten. Deshalb benötige ich eine kreative, freundlich aussehende Website. Das ist der Kontext. Jetzt die Aufgabe, das ist der wichtigste Teil. Die Aufgabe ist etwas lang. Lass es uns schnell zusammen lesen. Erstellen Sie eine helle und bilderreiche Website, die sich an kreative Menschen richtet , damit sie sich wohl fühlen und der Website vertrauen können. Verwende Copywriting, um den YouTubern zu erklären , dass sie in der Lage sein werden, mehr Geld zu sammeln und mehr Geld zu behalten, als sie verdienen, wenn sie mit diesem Token sammeln Der Wortlaut ist eigentlich etwas verwirrend. Erstellen Sie auch einen Bereich der Website für das Whitepaper. Ein Whitepaper ist etwas , das Kryptowährungen normalerweise haben. Es gewinnt im Grunde Vertrauen, indem es alle Details der Kryptowährung transparent erklärt , wie alle wirtschaftlichen und wirtschaftlichen Aspekte und alle Sie also einen Abschnitt dafür und einen Abschnitt für aktuelle Projekte ein, die finanziert werden Ich möchte, dass die Website auch Projekte bewerben kann, die über diese Website finanziert werden , damit Spender sie auf der Website finden können. Der zusätzliche Vorteil dieses Kryptowährungsprojekts besteht darin, dass es eine Website geben wird, auf der Spender ein Projekt finden können , für das sie spenden können. Nun das gewünschte Ergebnis beim Schreiben Ich habe mir auch noch ein paar andere gute Dinge überlegt , die ich hinzufügen könnte. Also lass mich sie dir vorlesen. Erstellen Sie einen Bereich für kreative Menschen , der ihnen erklärt, wie sie anfangen können , und erstellen Sie einen Bereich für Spender, damit sie verstehen, wie sie sich engagieren können. Erstellen Sie fast wie eine Partition. Lassen Sie mich das erklären. Hier habe ich etwas mehr Klarheit für die KI. Ich habe geschrieben, zwei große Bereiche auf der Homepage zu erstellen, einen für Ersteller, einen für Spender. Und darunter befindet sich der Abschnitt, in dem die Projekte aufgeführt sind, die derzeit Spenden sammeln Je mehr Details und mehr Funktionen Sie angeben möchten, desto wahrscheinlicher ist es, dass tatsächlich genau das erstellt wird, was Sie möchten Nun, gewünschtes Ergebnis, ein Teil des gewünschten Ergebnisses wird sich ein wenig mit der Aufgabe überschneiden. Also hier ist ein Beispiel. Ich möchte, dass die Leute meine E-Mail-Newsletter abonnieren. Ich möchte, dass Leute aufgenommen werden, egal ob sie Entwickler oder Spender sind Ich möchte auch, dass die Leute einfach in Kryptowährungen investieren, nur um die Investitionsmöglichkeit zu nutzen und das Tickersymbol und den Preis auf der Website anzuzeigen das Tickersymbol und den Preis auf der Website Ich kann den letzten Satz wahrscheinlich einfach in die Aufgabe einfügen , weil das deiner Jetzt ist der nächste ein Beispiel für ein Ergebnis. Ich möchte also eine großartige aktuelle Website für Kryptowährungen finden eine großartige aktuelle Website für Kryptowährungen damit ich zeigen kann , wie das aussehen würde. Also werde ich einfach die SOL-Website benutzen. Also werde ich sagen, benutze das Beispiel mit der SOL-Kryptowährung, gib ihr die URL und ich sage, mach es einfach heller und unterhaltsamer und ansprechender. Dann der Ton, offensichtlich schreiben wir nicht, aber wir werden ihn in einen Copywriting-Ton ändern Das ist der Text, der auf der Website geschrieben wird Wir brauchen ihn professionell, höflich und gestalterfreundlich. Das liegt nur daran, ich mit YouTubern spreche. Hier ist meine Aufforderung. Verwenden Sie einen professionellen, höflichen, inspirierenden und kreativen Umgangston, damit sie sich selbst ein Bild von der großen Vision des Projekts und den finanziellen Vorteilen machen können sich selbst ein Bild von der großen Vision des Projekts und den finanziellen Vorteilen Kreativität, wir können es so lassen wie es war, und uns auf Genauigkeit konzentrieren, anstatt kreativ zu sein Publikum. Das ist wichtig weil dieses spezielle Publikum, die Kunstwelt, typischerweise Pfund für Pfund ein bisschen nicht kryptoaffin Und viele kreative Leute, mit denen ich spreche, haben eine skeptische Einstellung wie, ich hasse Kryptowährungen oder warum brauche Ist das alles falsch? Ist das ein Betrug? Sie sind sehr skeptisch? Weil ich zugebe, dass es sehr langweilig sein kann, Kryptowährungen zu lernen und weil es langweilig ist und Dinge , und weil es langweilig ist und Dinge, die wir nicht kennen, wenn wir Dinge nicht verstehen , haben wir normalerweise etwas mehr Angst davor verstehen und verstehen, dass dies die Herausforderung ist, zu verstehen und zu verstehen, dass dies die Herausforderung ist, vor der ich stehen werde, besteht darin, Leute an Bord zu holen, die keine frühen Adaptoren sind Das Publikum besteht, sehen Sie, potenziell skeptischen Kunstschaffenden, die nicht unbedingt frühe Kryptoadaptoren sind, also brauchen wir sie, um die Skeptizismusbarriere zu durchbrechen. Und was das Format angeht, sah die vorherige Aufforderung tatsächlich sah die vorherige Aufforderung Verwenden Sie klare Abschnittsüberschriften, machen Sie es einfach und verwenden Sie Bilder und Grafiken, wenn Sie können, und heben Sie Bereiche hervor, von denen Sie glauben, dass sie beeindrucken werden Das ist ziemlich gut. Das gibt uns also die meisten unserer ersten Eingabeaufforderungen, die wir in Replet kopieren können Nun, da wir unsere Eingabeaufforderung im nächsten Video haben, setzen wir sie tatsächlich in Replet um zu sehen, was dabei herauskommt Und danach können wir diese Website online stellen, einen Domainnamen bekommen und auch die nächsten Schritte erledigen Wir sehen uns bei einigen der nächsten Schritte im nächsten Video. 5. Erste Antwortaufforderung Und Erstellung Von Websites Ohne Code: Nehmen wir in diesem Video die Aufforderung, die wir für Replet gemacht haben, und lassen wir Replet tatsächlich die Website erstellen, die In Replet gibt es also immer diese Schaltfläche oben links plus App erstellen Wenn Sie darauf klicken, erhalten Sie tatsächlich einen Bildschirm, wie wir ihn bereits haben Wenn dort App steht, heißt das nicht App. Es bedeutet jede Software. App ist nur ein Begriff, den sie verwendet. Fügen wir also diese Aufforderung hier ein und schauen wir uns an, was daraus entsteht. Also werde ich buchstäblich einfach alles kopieren und einfügen. Das Einzige, was ich tun werde, ist, dass ich nur minimale Änderungen vornehmen werde. Wie zum Beispiel die empfohlene Option, ich werde sie aus den Klammern herausnehmen, aber ich gebe ihr einen Kontext Nachdem ich auf Kontext und dann auf Enter gedrückt habe und ich eine Antwort erhalten habe, habe ich gehört, dass Sie eine habe ich gehört, dass Sie Kryptowährung namens Spark auf den Markt bringen. Klingt nach einem aufregenden Unterfangen. Okay. Lassen Sie mich einen umfassenden Plan für Ihre kreative Website erstellen. Dann gibt es mir einige Dinge , die es später tun kann, wie zum Beispiel die Integration der Solana-Wallet Das ist nur eine spezielle Sache für Solana, auf dem Portal zur Einreichung von Projekten für Kreative Ja, das ist großartig. Implementieren Sie ein gemeinschaftliches Wahlsystem. Vielleicht brauchen wir das noch nicht und dann erstellen ein Dashboard zum Mitnehmen von Tokens und Prämien, das brauchen wir. Jetzt möchte ich ihm auch etwas mehr Hintergrund geben, also füge ich einfach all die anderen Dinge in meine Eingabeaufforderung ein und entferne sie einfach. All die Dinge in der Klammer nehme ich einfach raus. Die Aufgabe bliebe übrig, das gewünschte Ergebnis bliebe übrig, außer dem Zeug in der Klammer. Also werde ich das alles schnell bearbeiten und Enter drücken. Sobald ich das alles bearbeitet habe, damit es für die KI klar ist, werde ich hier die Eingabetaste drücken, nicht diesen genehmigten Plan und Start, sondern das, damit es den Kontext versteht , mehr von allem. Ich habe alle Elemente dessen, was ich machen wollte. Hätte am Anfang alles einfügen können. Das war auch in Ordnung. Ich hätte zuerst die gesamte Eingabeaufforderung einfügen können. Dann, wie Sie sehen, denkt es ein bisschen nach und gibt mir den gleichen Plan Das ist es, was es tun wird: eine Website , die auf Vertrauen ausgerichtet ist und sich auf die Spar-Kryptowährung konzentriert und Kreativen und Spendern einen klaren Onboarding-Live-Ticker, Projektpräsentationen, eine Beschreibung von Newslettern usw. bietet einen klaren Onboarding-Live-Ticker, Projektpräsentationen, eine Beschreibung von Newslettern usw. Integrieren Sie später den Ticker und implementieren Sie das Spender-Dashboard. Das ist nur für später vorgesehen. Im Moment sage ich Plan genehmigen und starten, und ich werde warten. Wie Sie sehen können, denkt es unten auf der linken Seite und es arbeitet am Code auf der rechten Seite. Das wird fünf bis zehn Minuten dauern, und ich werde dieses Video schnell weiterleiten, wann immer das erledigt ist. Und es hat ungefähr fünf bis 7 Minuten gedauert. Ich habe nicht gezählt, aber es hat mir diese Website geschaffen. Es ist eine Version eins. Sie werden niemals eine Version haben , die genau so ist, wie Sie sie haben wollten. Es gibt einige Dinge , die für mich nicht ideal sind und ich werde sie bitten, sie zu ändern, aber es ist schon ziemlich gut. Lesen wir also die Zusammenfassung dessen was es getan hat. Hier ist, was es getan hat. Ich habe eine helle, vertrauensvolle Website für die Spark-Kryptowährung erstellt , die Entwicklern und Spendern dient. Es hat ein modernes Design und lebendige, von Solano inspirierte Farben Siehst du, das ist aus meinem Beispiel, das ich ihm gegeben habe. Meine Aufgabe wird es sein, eine Website zu finden, die eher etwas für Künstler ähnelt , weil das ein bisschen zu Office aussieht, 29 bis 5 Job, nicht gerade die Atmosphäre, nach der ich gesucht habe, also werde ich das ändern müssen Dann heißt es, dass es hier irgendwo einen Live-Preisticker gibt, obwohl ich ihn nicht finden kann Zum Beispiel gibt es hier einige Daten, aber sie sind etwas vage, aber sie haben andere Funktionen wie den Heldenbereich mit einem klaren Wertversprechen Schau dir an, wie klar es ist. Entfachen Sie Ihre kreativen Träume. Okay, nett. Die Kryptowährung zur Finanzierung kreativer Projekte. Ich möchte, dass der Inhalt , der alles erklärt , in größerer Schrift erscheint. Und das sind alles Dinge, bei denen Sie sich eine mentale Notiz machen und Replet bitten würden sich eine mentale Notiz machen und Replet bitten , diese Änderungen vorzunehmen, weil diese erste Version nicht das ist, was Sie veröffentlichen werden Das ist nur etwas , das Sie sich ansehen und Sie bitten, Vergleichen Sie das als Analogie damit, wenn Sie einen Freelancer engagiert hätten. Zuallererst würde es einen Tag dauern, zwei, drei, vier, wenn Sie einen schlechten Freelancer einstellen würden, Ich hätte dich dafür schon 200$ gekostet. Wenn du dann Änderungen vornehmen wolltest, bräuchtest du eine weitere Ein Tag, zwei Tage, drei Tage und vielleicht mehr Geld, oder Sie haben vielleicht ein Limit, wie viele Änderungen Sie vom Entwickler verlangen können , weil er sagen könnte: Nun, ab einem bestimmten Punkt müssen Sie mehr bezahlen Hier musst du nicht mehr bezahlen. Sie müssen nur immer wieder nach Änderungen fragen, die Sie möchten. und es bitten, Lassen Sie uns also im nächsten Video dieses Detail für Detail durchgehen bestimmte Aspekte dieser Website zu verbessern , bis es etwas ist , das wir lieben und mit dem Start zufrieden sein können , damit wir dann mit den nächsten Schritten des Starts fortfahren können. Lassen Sie uns also im nächsten Video unsere Website verfeinern. 6. Der Prozess Der Zusammenarbeit Mit Replit Zur Verbesserung Der Leistungen: In diesem Video möchte ich Ihnen ein bisschen mehr darüber zeigen, wie Ihre Website mit plt von Grund auf neu entwickeln können, ganz ohne Code Wie Sie im vorherigen Video gesehen haben, kann plt eine sehr gute Vorlage erstellen, die jedoch offensichtliche Fehler enthält Und obwohl Sie Ihr Bestes tun können um eine gute Aufforderung zu erstellen, können Sie fast garantieren, dass sie nicht vom ersten Versuch an genau das erstellt, was Sie möchten Der nächste Schritt besteht also darin, ihm Anweisungen für kleine Anpassungen zu geben , damit Sie es Ihren Wünschen näher bringen können. Anstatt das alles auf dem Bildschirm zu machen , weil es unglaublich mühsam ist, scrolle ich einfach nach meinen Eingabeaufforderungen hier auf der linken Seite, um Ihnen zu zeigen, was Denn wenn du dich erinnerst, als ich den ganzen Weg hoch, hoch, hoch, pa, pa hoch scrollte, schau, wie viel Scrollen ich Das war eigentlich ein ziemlich mühsamer Prozess. Also werde ich hier einfach etwas überspringen , weil es ewig dauern wird bis ich sehe, wie lang das Gespräch war, das ich mit Plet Also habe ich ihm diese große Aufforderung gegeben und es hat mir diese erste Website gegeben Übrigens, wann immer Sie daran arbeiten, werden Versionen erstellt. Wenn es also eine Version gab, die Ihnen gefallen hat, können Sie zu einer Version zurückkehren. Aber ich möchte Ihnen eine Vorschau zeigen nur um die vorherige Version zu sehen. Auf der rechten Seite sehen Sie die aktuelle Version, die ich habe. Hier ist die Vorschau fertig. Also werde ich auf Vorschau anzeigen klicken. Es öffnet die Vorschau in einem anderen Tab, und wie Sie sehen können, ist dieses Stockbild, obwohl es für kreative Leute gedacht ist, ein bisschen wie für Tech-Startups. Es ist nicht wirklich genau das, was ich will. Und es gibt einige Fehler wie, das ist nicht lesbar. Dieser Teil der Website ist fehlerhaft und hässlich denn wie kann er ein so hässliches Design machen Hier gibt es Text, aber er ist offensichtlich in den falschen Farben ausgewählt , weil die Farben ineinander übergehen Dann ist da noch, was macht dieser McKinen-Typ ? Warum ist dieses Bild KI war also wirklich schlecht darin, geeignete Bilder auszuwählen , und für viele dieser Bereiche ist es wirklich ein bisschen zu früh dafür. Stattdessen hatte ich am Ende ein klareres Design. Zumindest glaube ich das. Das Erscheinungsbild fühlt sich etwas näher an dem an, was kreative Menschen mögen könnten. Gehen wir das also Schritt für Schritt durch. Also habe ich es buchstäblich als Erstes erzählt. Ich fand die Bilder und das Erscheinungsbild zu korporativ. Kannst du es in etwas Kreativeres ändern? vielleicht statt eines Archivbildes mit einem Büro Verwenden Sie vielleicht statt eines Archivbildes mit einem Büro etwas Inspirierenderes für eine böhmische Person Und das hat es getan. Ich werde diese Vorschau laden. Das waren also nur Anweisungen , um dieses Bild zu ändern. Nachdem Sie Ihre Website die Architektur der Website für Sie vernünftig aussieht, würden Sie dann jeden kleinen Teil dieses Textes durchgehen , den Text oben, dann den Text unten, den Untertitel, dann das Bild, dann diesen nächsten Abschnitt, dann diese nächste Sitzung Und Sie würden ihr vorschreiben, was sie schreiben soll. Es ist zeitaufwändig, aber weitem nicht so zeitaufwändig, als wenn Sie das mit einem Designer machen müssten und mit einem Designer würde es auch mehr Geld kosten, und irgendwann müssen sie vielleicht mit anderen Kunden arbeiten oder werden einfach müde , und Sie müssten eine Pause einlegen. Das ist also immer noch einfacher. Also lass mich dir diese Vorschau zeigen. Also gab es mir diese Art von böhmischen Pinseln , aber ich mochte es nicht Und tatsächlich habe ich am Ende ein paar Iterationen durchgemacht, wie ich es dir zeigen werde Hier, ich habe es erzählt, ich bin mir nicht sicher. Ich möchte mich speziell auf Kunst konzentrieren, zu eng gefasst. Dann sagte ich, dann gab es mir einige Optionen. Wählte eine der Optionen. Dann gaben sie mir eine weitere Vorschau. Den zeige ich dir auch. Im Grunde waren viele der Vorschaubilder einfach nicht gut. Also zeige ich dir das nächste Vorschaubild. Also das war ziemlich zeitaufwändig. Also, warum war dieses Telefon hier? Für dieses Projekt ergibt das keinen Sinn. Wie Sie auch sehen können, gibt es einen Fehler auf dieser Schaltfläche. Starte dein Projekt. Was ist das für ein Knopf? Warum muss ich mit der Maus drüber fahren. Also all diese kleinen Dinge sind Dinge, die du beachten solltest. Und sag Raplet, er soll es reparieren. Am Ende habe ich das einfach gemacht. Am Ende habe ich ein paar Image-Iterationen durchgemacht. Ich möchte dir nicht jede Iteration von Bildern zeigen , weil dieses Video nur sehr langweilig machen Aber irgendwann, schau mal, sagte ich, hast du einen Bug? Wie ich es schon gesagt habe, wähle eine Illustration, richtig? Siehst du, ich sagte, verwende Illustration im Heldenbild. Und dann gab es mir keine Illustration. Ich sagte: Hast du einen Bug? Also bin ich einfach auf eine Bild-Website gegangen und ein Bild gefunden, das mir gefällt, und gesagt, dass ich dieses Bild hochladen werde. Sie können diese Anhang-Datei verwenden und ich habe ihr gesagt, verwenden Sie dieses Bild. Also die Bilder musst du vielleicht dafür auswählen, was wirklich kein Problem ist. So habe ich das Bild ausgewählt, das ein Heldenbild ist. Und dann fing ich an, ihm zu sagen , dass er jeden Teil der Website ändern soll. Siehst du, ich habe es gesagt, lass uns den Titeltext machen und keinen Untertitel Und dann habe ich das versucht und dann habe ich beschlossen, Oh, ich werde meinen Untertitel wiederholen Also habe ich das Copywriting geändert. Jetzt ist es Spark, die erste Kryptowährung zur Finanzierung kreativer Projekte Und dann lautet der Untertitel Fonds für Musikbücher, Kunstprojekte, Startup-Ideen, Online-Projekte Ist alles, was ich geschrieben habe, ich habe ihm nur gesagt, er soll es hochladen Es ist also, als wäre ich ein Entwickler, aber es gibt keinen Code. Ich möchte Sie also darauf aufmerksam machen, dass es nicht so ist, dass Sie eine Taste drücken und eine Website erscheint und Sie sind fertig, sondern es ist eher so, als würden Sie eine Taste drücken. Eine Website kommt heraus, dann gehst du die ganze Sache durch und denkst vielleicht, wähle deinen Weg. Ich will zum Beispiel einen anderen Text und du sagst ihn, oder du möchtest vielleicht andere Wörter auf diesen Buttons haben. Du sagst es und es wird das tun. Auf diese Weise ist es fast wie ein Geben und Gehen, Geben und Gehen, Sie sagen ihm, er soll eine Änderung vornehmen, Sie genehmigen die Änderung oder lehnen die Änderung Dann fahren Sie mit dem nächsten Teil der Website fort. Dann der nächste Teil der Website. Und wenn du mit der Homepage zufrieden bist, dann denkst du, okay, für Schöpfer, dann für Spender, dann für Projekte. Lassen Sie uns die Entwickler nehmen und das sagen wir im nächsten Video. Lassen Sie mich Ihnen anhand einer Live-Demonstration zeigen, wie einige Änderungen vornehmen können. Damit können Sie sicher sein, wie Sie alle Änderungen, die Sie an Ihrer Website benötigen, vornehmen können, sodass wir mit sicher sein, wie Sie alle Änderungen, die Sie an Ihrer Website benötigen, vornehmen dem nächsten Schritt fortfahren können, der tatsächlichen Inbetriebnahme Ihrer Website. Deshalb werden wir im nächsten Video eine kurze Live-Demonstration durchführen. 7. Bereitstellen der Replit Website: Sobald Sie bereit sind, den nächsten Schritt zum Start Ihrer Website zu unternehmen, starten Sie nicht nur Ihre eigentliche Website, eine Testversion, und das wird in technischer Hinsicht als Bereitstellung bezeichnet Sie würden also in die Eingabeaufforderung etwas wie Deploy eingeben , was ich getan habe, und replate gibt Ihnen eine potenzielle URL wie Spark Token Siehst du, es gab mir schon einige Optionen, wie zum Beispiel Spark Fund, Alexi **** Die URL wird so aussehen , Ihr Projektname wird mit Punkt App angezeigt. Okay? Also in meinem Fall wollte ich es einfach einfacher machen. Also Spark-Token. Ich werde jetzt auf Deploy klicken, und es wird ein wenig Arbeit bedeuten, die Website tatsächlich unter dieser URL bereitzustellen die Website tatsächlich unter dieser URL , sodass Sie dann zu dieser URL gehen, sie testen, auf eine Schaltfläche klicken, auf zwei Schaltflächen klicken und sie an Ihre Freunde senden können. Wenn alle Tests erfolgreich sind, sind Sie bereit für den nächsten Schritt. Aber sehr wahrscheinlich werden Sie einige Fehler finden , die Sie vielleicht beheben möchten , und dann Repl bitten, diese Fehler zu beheben Anschließend stellen Sie diese Fixes erneut auf dieser Bereitstellungswebsite Sobald Sie mit allem zufrieden sind, wird alles getestet. Sie sind bereit für den nächsten Schritt, aber dieser Bereitstellungsschritt ist der nächste Schritt, und es wird ein wenig Zeit in Anspruch nehmen , alles bereitzustellen. Wie Sie auf der rechten Seite sehen können, während ich gerade spreche, funktioniert es. Also werde ich einfach zu dem Moment vorspulen, an dem es fertig ist, damit ich Ihnen zeigen kann, was passiert ist. Und der Bereitstellungsprozess dauerte ungefähr 5 Minuten. Die URL dafür haben wir bereits erstellt. Das Spark-Token ist aufgefüllt. Also bin ich einfach direkt zu dieser URL gegangen. Und wie Sie sehen können, ist die Website hier Wenn Ihnen etwas nicht gefällt, sagen Sie Repl, dass es geändert werden soll. Ich werde mich ändern Aber im Grunde haben wir unsere Testumgebung eingerichtet, sodass Sie sie an Freunde und Familie zum Testen oder an sich selbst senden können . Sie können testen, und wir werden den nächsten Schritt des Starts unserer Website im nächsten Video durchgehen . 8. Die erforderlichen Schritte zum Start Ihrer Website: In diesem Video werde ich die nächsten Schritte skizzieren um Ihre Website tatsächlich zu starten und live zu schalten. Schritt eins ist, dass Sie die Domain bei einem Domainnamen-Registrar erwerben die Domain bei einem Domainnamen-Registrar Jeder von ihnen wird wie Codei Name Chip funktionieren, was auch immer. Und dann haben wir bereits in Schritt zwei die Bereitstellungswebsite erstellt Sobald Sie Ihren Domainnamen erhalten haben, müssen Sie anschließend Ihren benutzerdefinierten Domainnamen verbinden. Welchen Domainnamen Sie auch immer bei Go Daddy oder einem anderen Ort kaufen , Sie müssen ihn mit Replet verbinden , damit alles, was auf Ihrer Bereitstellungswebsite angezeigt wird , tatsächlich auf Ihrer tatsächlichen URL, der Live-URL, angezeigt wird Danach konfiguriert Replet Ihr SSL-Zertifikat aus Sicherheitsgründen, und Sie werden konfiguriert Replet Ihr SSL-Zertifikat aus Sicherheitsgründen, und Sie Schauen wir uns also im nächsten Video an, wie Sie an Domainnamen kommen und wie Sie diesen verwirrenden Schritt einrichten, Ihre DNS-Einträge so hinzuzufügen, dass diesen verwirrenden Schritt einrichten, Ihre DNS-Einträge so hinzuzufügen sie auf Replet-Server verweisen Also werden wir das im nächsten Video machen. 9. Den Domainnamen für Ihre Website erhalten: Lassen Sie uns nun den Prozess des Kaufs Ihres Domainnamens durchgehen und ihn so einrichten, dass alles, was Sie in Replet erstellen, tatsächlich gerendert wird, wenn Sie zu Ihrem Domainnamen gehen , denn der Domainname, Ihre Marke Dot Replet Dot App, ist nicht dafür gedacht, dass Verbraucher gesehen werden oder Besucher Ihrer Website, sondern für Ihre gerendert wird, wenn Sie zu Ihrem Domainnamen gehen, denn der Domainname, Ihre Marke Dot Replet Dot App, ist nicht dafür gedacht, dass Verbraucher gesehen werden oder Besucher Ihrer Website, sondern für Ihre Testzwecke. Wir brauchen also einen echten professionellen Domainnamen. Und natürlich haben Sie mehrere Möglichkeiten , einen Domainnamen zu erhalten. Nur um Ihnen einige Hintergrundinformationen zu geben Wenn Sie zu einem beliebten Domain-Registrar und Hosting-Dienst wie, sagen wir, Blue Host gehen einem beliebten Domain-Registrar und Hosting-Dienst wie, , können Sie einen kostenlosen Domainnamen und wirklich günstiges Hosting erhalten Siehst du, fangen wir mal mit 295 pro Monat an. Und Sie sehen auf der linken Seite, eines der Dinge, die Sie bekommen, ist ein kostenloser Domainname für das erste Jahr. Sie können also einen kostenlosen Domainnamen mit Hosting erhalten, aber das ist für WordPress. Eine Replet-Site ist keine WordPress-Website. Eine Replet-Site wird ein etwas teureres Hosting haben etwas Dies ist der Preis, den Sie zahlen eine benutzerdefinierte Website haben und dafür Einstellung eines Entwicklers komplett vermeiden können weil Sie eine Menge Geld bei der Einstellung eines Entwicklers sparen , und wann immer Sie eine Änderung vornehmen müssen, ist dies ein No-Code-Ansatz Sie können alle gewünschten Änderungen einfach selbst vornehmen. Sie müssen sich nie selbst eine Codezeile ansehen. Du kannst das also haben. Wir werden diese Route nicht machen, okay? Ich wollte dich nur darauf aufmerksam machen, dass das möglich ist. Der Weg, den wir einschlagen werden, ist, einen Domainnamen für einen Service wie Go Daddy zu kaufen . Lass mich dir jetzt von Go Daddy erzählen. Go Daddy ist ein gängiger Domain-Registrar und ein Hosting-Dienst , der Ihnen beim Hosting von WordPress-Websites oder anderen Arten des Hostings Ihrer Website helfen kann WordPress-Websites oder anderen Arten des Hostings Ihrer Website Wir werden unsere Website hier nicht hosten. Ich bin seit etwa 20 Jahren Nutzer von Go Daddy . Viele Leute mögen Go Daddy nicht. Ich liebe Go Daddy auch nicht. Ich finde, dass es okay ist. Es ist in Ordnung, um Domainnamen zu kaufen. Es ist vielleicht nicht der beste Ort, um es zu kaufen, aber es ist in Ordnung, Sie werden keine Kopfschmerzen haben, Sie werden keine Probleme damit haben. Es wird nicht zu klobig sein. Aber beim Hosten und Gestalten Ihrer Websites geraten die Leute in Schwierigkeiten, geraten die Leute in Schwierigkeiten weil viele Leute den Go Daddy Website Builder verwenden und auf einer hässlichen Website hängen bleiben , von der sie nicht mehr wegkommen können Wir werden unsere Website also natürlich nicht mit Go Daddy erstellen , weil wir ein Raplet erstellen, sondern wir werden einen Domainnamen bekommen Wir werden nicht in der Lage sein, einen Domainnamen kostenlos zu bekommen, aber Sie können einige Angebote und Rabatte erhalten In jedem Fall ist es, wann immer es kostenlos ist, sowieso nur für das erste Jahr kostenlos. Was Sie also auf Go Daddy tun können Wenn Sie einfach auf die Go Daddy-Homepage kommen, können Sie die gewünschten URLs wie abc.com eingeben und schauen, ob sie verfügbar ABC.com ist nicht verfügbar. Jemand besitzt es und wird Ihnen eine Maklergebühr von 99 USD berechnen, wenn Sie versuchen, es zu kaufen, aber es könnte ein viel höherer Preis sein Sie können abc.co kaufen, aber Sie möchten ACO vielleicht nicht, wie sie hier zeigen Sie können ABC Store Social Media einrichten Es mag Sinn machen, aber für die meisten Menschen benötigen Sie einen.com-Domainnamen Also bleiben wir auf.com. Und natürlich werden Domainnamen mit drei oder vier Buchstaben meistens verwendet, also möchten Sie einen Domainnamen haben, der einprägsam, leicht zu schreiben, leicht zu buchstabieren, einprägsam ist, Zunge rollt, markenfähig ist, all diese Dinge, aber auch kostenlos ist, denn wenn ich einen Domainnamen wie, meine erste Option ist Wenn ich also sparktken.com hier eintippe und die Eingabetaste drücke, wird es das Spark-Token suchen und mir sagen , ob es verfügbar ist. Ja, es ist verfügbar Aber sehen Sie, es ist eine Premium-Domain weil Spark und Token englische Wörter sind, und Token ist eine Art Premium-Wort , weil es sich offensichtlich um Tokens Geld handelt. Es hat etwas mit Kryptowährung zu tun. Darin besteht eine große Nachfrage. Also 12.000$ pro Jahr. Soll ich das bezahlen? Auf keinen Fall. Du kannst es wahrscheinlich irgendwie billiger bekommen. Aber es gibt eine interessante Option , bei der ich ehrlich gesagt nicht mit Leasing to Own vertraut bin nicht mit Leasing to Own vertraut , aber sie ist ein schrecklicher Preis. Es sind immer noch 1.000$, also ist es keine Option. Sie sollten niemals mehr als zehn oder 20$ pro Monat für eine Premium-Domain bezahlen . Domainnamen sind eine Abzocke, denn alles, was Sie tun müssen, ist, anstatt Spark-Token zu sagen, Sie können SPK sprktken.com sagen, Sie können SPK sprktken.com sagen, und es wird verfügbar sein. Da ist es. Toller Name verfügbar. Du kannst es kaufen. Sie geben dir sogar einen Deal. Nun, Sie sind vielleicht nicht zufrieden mit SprktKen, es ist ein englisches Wort, aber jetzt ist es kryptisch und soll die Tatsache demonstrieren , dass Sie keine Premium-Domains kaufen müssen Nehmen wir an, Sie wollten Spark haben. Alles, was Sie tun müssten, ist irgendwo noch eine Silbe hinzuzufügen , zum Beispiel Soul ist die Solana-Blockkette , auf der dieses Token aufbauen wird Wenn ich also Spark-Token, Soul sage , wird es mit Sicherheit verfügbar sein Ich suche und los geht's. Es ist verfügbar. Du musst Soul nicht haben. Du kannst auch Spark kreativ sagen. Token, oder vielleicht können Sie sogar mit Spark Creative davonkommen. Ich weiß nicht, ob das verfügbar sein wird , nicht verfügbar. Aber Spark Creative oder Creative Spark Token, das wäre nett und verfügbar. Das Wichtigste dabei ist also, dass Sie nur eine weitere Silbe hinzufügen müssen , um aus einer Premium-Domain eine günstige zu machen Wenn Ihr Projekt in Zukunft durchstartet und Sie Millionen von Dollar haben und Sie ein paar Tausend für den Domainnamen ausgeben können ein paar Tausend für den Domainnamen ausgeben Sie können sparktken.com und dann Ihre aktuelle Website zu SparkTken weiterleiten Das kannst du tun. Aber für neue Projekte ist es offensichtlich schwierig. Also hier haben wir Spark Creative Token oder Spark Token. Ich mag SprktKen irgendwie. Wir bleiben bei einem kurzen, und dann werde ich es kaufen Also klicke ich auf Don't Miss Out. Also werde ich es für drei Jahre bekommen. Das erste Jahr wird im Wesentlichen kostenlos sein. Sie können es einfach für ein Jahr bekommen. Es wird billiger sein, aber nicht so viel billiger, es ist in Ordnung. Sagen wir, verpassen Sie es nicht. Wir klicken auf diese Schaltfläche. Ich habe es in den Warenkorb gelegt. Hier gibt es einige Upsells. Wir werden diese Upsells überspringen. Wir werden nein danke sagen. Nur um sicherzugehen, schauen Sie sich Ihren Einkaufswagen an. Für die Laufzeit von drei Jahren werden es 43$ sein Sie sehen die Zwischensumme, 43$. Klicken Sie dann auf Weiter zum Einkaufswagen. Dann werden sie dir Dinge weiterverkaufen. Du brauchst nichts von dem Zeug, vollen Domainschutz, nein Keiner der Upsells hier wird weiterhin in den Warenkorb gelegt. Es sollte 43$ bleiben. Aus irgendeinem Grund wird es immer noch zum vollständigen Domainschutz hinzugefügt Stellen Sie sicher, dass Sie das ausschalten. Da hast du's. Sie können mit PayPal bezahlen und den Kauf abschließen. Perfekt. Dieser Domainname gehört mir. Jetzt müssen wir den Domainnamen konfigurieren , also klicken Sie auf Weiter. Dann bieten sie Ihnen an, eine Coming Soon-Website zu veröffentlichen. Das brauchen wir nicht, denn wir werden es sofort mit unserem Replet verbinden Also sagen wir jetzt nicht. Dann wirst du zu deinem Dashboard weitergeleitet, also herzlichen Glückwunsch. Sie haben Ihren Domainnamen gekauft, und im nächsten Video werden wir Ihren Domainnamen einrichten und konfigurieren. Danach wird Ihre Website live geschaltet. Also werden wir das im nächsten Video machen. 10. Festlegen der Website-Nameserver: Sie gehen also auf der linken Seite unter Domain und im DNS müssen Sie ihm die richtigen DNS-Server zuweisen Sie erhalten diese Informationen also von PLT. Um nun die Informationen, die du von Raplet benötigst, zu erhalten , gehst du zum Home-Dashboard-Bildschirm von Raplet Under deployment. Dort siehst du den Einsatz, den du gemacht hast. Sie klicken darauf Wir geben dir ein kleines Tutorial. Willkommen im Workspace. Hier passiert die ganze Magie. Schauen wir uns um. Als Nächstes ist dies Ihr Agent, mit dem Sie sprechen. Auf der linken Seite öffnen Sie alle zusätzlichen KI-Tools und andere Tools in Dateien. Mit der Schaltfläche Ausführen können Sie eine Vorschau Ihrer Anwendung anzeigen , die Sie gerade erstellen. Und schon sind Sie bei einem weiteren Nein. In diesem Fall benötigen wir Einstellungen, da wir unter Einstellungen unseren Nameserver oder unsere DNS-Einträge finden müssen. Es erklärt uns tatsächlich , was zu tun ist. Sie sehen, holen Sie sich Ihre DNS-Einträge, plt zeigt Ihnen die Nameserver oder bestimmte DNS-Einträge. Das müssen wir also finden Unter Domains gebe ich eine neue Domain ein. Ich werde die Domain verbinden, meine Domainnamen eingeben, Spark Token, sie haben mir diese Anweisungen gegeben. Fügen Sie als Nächstes die folgenden Einträge zu den DNS-Einstellungen Ihrer Domain hinzu. Geben Sie also A, Hostname WW Record ein. Also, da werden wir hinzufügen. Also unter A werden wir das bearbeiten und wir werden die IP-Adresse dort ablegen, speichern. Dann unter Hostname, WW-Record, das ist der Hostname , wir werden ihn kopieren und ihn dort auch hinzufügen . Und wenn wir fertig sind, klicken wir auf Link Domain und dort steht „Verifizieren Kommen wir übrigens zurück zum Go Daddy-Bildschirm. Jetzt sind wir wieder bei Go Daddy. Ich verstehe, dass dieser Teil des Prozesses sehr verwirrend sein kann. Lassen Sie mich Ihnen also die bewährten Verfahren erläutern , was Sie tun sollten. Wenn Sie möchten, dass Ihr Domainname wiedergibt, ob die Leute WWW, Ihren Domainnamen oder nur Ihren Domainnamen.com eingeben , sicherstellen, dass Sie hier unter A und Name ein Symbol haben , das andere ist Und für beide geben Sie hier dieselbe IP-Adresse ein, die Sie von Replet erhalten Ich zeige dir wo. Du siehst genau hier, A, WW, das. Sollte auch die andere Version davon haben, unter dieser IP-Adresse. Dann die zweite Zeile, TXT WW und dann dieser Datensatz , der ist auch da. Sie sehen, ich habe TXT WW und diesen Datensatz, der auch da ist. wird sichergestellt, dass Ihr Domainname registriert wird, egal ob die Leute auf sprkten.com WW gehen, Sie sehen, dass es bereits gerendert ohne das WWW gehen wird oder ob die Leute nur zu diesem Domainnamen ohne das WWW Jetzt werden Sie feststellen, dass dort steht, dass HTTPS nicht bereit ist. Die automatische Installation dauert etwa ein bis 4 Stunden, nachdem Sie diese Einstellungen richtig vorgenommen haben. Wenn Sie diese Fehlermeldung dort haben , machen Sie sich darüber keine Sorgen. Wenn Sie diese Fehlermeldung 5 Stunden später erhalten, machen Sie sich darüber Gedanken. Dann ist es Zeit für die Fehlerbehebung. Aber am Anfang ist es kein besorgniserregendes Problem. Ebenso ist es kein besorgniserregendes Problem, wenn Ihre URL nicht sofort gerendert wird, nachdem Sie diese Einstellungen festgelegt haben , da es auch ein bis 24 Stunden dauern kann , bis sie sich verbreiten, denn wie Sie hier sehen können, ist dies ein Ort, an dem Sie Ihre Domain-Namenserver überprüfen können und Sie werden feststellen dass das Hosting-Unternehmen sie auf der ganzen Welt hat, und irgendwo, und irgendwo wenn Ihre URL nicht sofort gerendert wird, nachdem Sie diese Einstellungen festgelegt haben, da es auch ein bis 24 Stunden dauern kann, bis sie sich verbreiten, denn wie Sie hier sehen können, ist dies ein Ort, an dem Sie Ihre Domain-Namenserver überprüfen können und Sie werden feststellen, dass das Hosting-Unternehmen sie auf der ganzen Welt hat, und irgendwo, wo es kürzer dauern kann Zeitspanne, irgendwo länger Sie sehen, es gibt viele grüne Häkchen, ob sie sich gut registriert haben Die roten Kreuze, das heißt noch nicht. Das ist unter wasmdns.net. Geben Sie Ihre URL ein und suchen Sie dann und sehen Sie, ist alles fertig? Sie werden sehen, dass Sie bei einigen von ihnen ein Häkchen als Häkchen erhalten , die noch nicht fertig Aber innerhalb von 24 Stunden sollte es fertig sein. Auch hier gilt: Wenn es nicht innerhalb von 24 Stunden fertig ist, können Sie hier Fehler beheben und den Kundendienst von Go Daddy kontaktieren und im Grunde feststellen, dass Sie vielleicht etwas falsch eingegeben haben Vielleicht gab es einen Fehler in den Einstellungen, die Sie vorgenommen haben. Und wenn es einen Fehler gibt, ist er normalerweise hier. Sie müssen wirklich überprüfen, ob diese Einstellungen korrekt sind und ob sie wirklich mit den URLs und all den Daten übereinstimmen , die Sie hier erhalten. Hier sollten Sie also nachschauen , ob möglicherweise etwas falsch gelaufen ist. Wenn es einen kleinen Tippfehler, eine kleine Inkonsistenz gab , könnte das eine Ursache für die Probleme sein Aber normalerweise erledigen die meisten Leute diesen Teil des Prozesses problemlos. Manchmal ist es etwas besorgniserregend, wenn man wartet ist es etwas besorgniserregend Also, warum wird es nicht gerendert, 2 Minuten später, warum rendert es nicht, 2 Minuten später, bin ich gestresst Aber nach einiger Zeit lösen sich diese Dinge normalerweise von selbst auf SSL wird automatisch von Replet installiert , nachdem Ihre DNS-Server konfiguriert wurden. Es ist also wie Warten nach Warten, nach Warten. Also mach eine Pause, komm zurück. Wahrscheinlich werden Sie positive und ermutigende Ergebnisse erzielen. Und dann, rate mal was? Ihre Website ist live, was fantastisch ist. Also herzlichen Glückwunsch. 11. Weitere Einstellungen Und Fehlerbehebung: Ein kleiner Hinweis zur Fehlerbehebung. Sie sehen unter Domains, letztendlich hatte ich einen URL-Typ ohne das WWW, nur domain.com, und dann die andere URL mit einem Punkt domamdt Sie müssen beide unter Ihren Domains erstellen , sodass Ihre Website unabhängig davon, ob sie nur sparktken.com oder www sparktken.com eingeben , wenn Sie beide haben, Ihre Website für beide gerendert wird . Wenn Sie jedoch nicht über beide Versionen verfügen, wird Ihre Website nicht für beide gerendert, was sehr, sehr fehlerhaft aussehen wird, da eine Website für beide Optionen eine Die Art und Weise, wie Sie das tun, erfolgt grundsätzlich unter Domains. Du kannst hier jederzeit auf Plus klicken, eine Domain verlinken und dann deine hinzufügen und einfach sicherstellen, dass du, was auch immer es dir gibt, siehst, ob ich auf das kleine Bearbeiten-Symbol klicke , was auch immer das ist, du sicherstellst, dass du den Datensatz in deinem Go Daddy hast oder wo auch immer du deine Domain gekauft hast. Also zum Beispiel dieses A an dieser IP-Adresse, ich habe dieses A an der IP-Adresse. Dann, wie Sie sehen können, habe ich AWW, diese IP-Adresse. Das ist von dem anderen Domainnamen. Sie sehen diese IP-Adresse. Das Gleiche gilt für den Textwert, Text in diesem Datensatz und dann textww Ich habe also Text in diesem Datensatz hier und Textww Dot Record. Sobald Sie das haben, sollte es funktionieren und dann sollte die Website automatisch einwandfrei gerendert werden, und schnell danach sollte Plate auch Ihr SSL für HTTPS installieren Diese Anforderung wird also standardmäßig und Ihre Website sollte einsatzbereit sein. Stellen Sie also auf jeden Fall sicher, dass Sie diese Einstellungen festgelegt haben, insbesondere für den Fall, dass Sie ein paar Stunden warten und Ihre Website einfach nicht so dargestellt wird , wie Sie es sich vorgestellt haben. Der erste Schritt besteht darin, genau zu prüfen, wie genau Sie diese Daten, diese Informationen auf der Website, auf der Sie Ihren Domainnamen gekauft haben, neu erstellt diese Informationen auf der Website, auf der Sie Ihren Domainnamen gekauft haben