--- title: "Ihre erste Website, vom Anfang bis zum Ende | Briks" url: https://briks.dev/de/docs/your-first-site description: "Eine kleine Bäckerei von New project zur Vorschau auf briks.live, erster Änderung im Chat und Publish zur Produktion, mit jedem Bildschirm der Reihe nach." last_updated: 2026-10-08 --- # Ihre erste Website, vom Anfang bis zum Ende Diese Anleitung begleitet ein Unternehmen von einem leeren Workspace bis zur öffentlichen Website, sodass Sie jeden Bildschirm einmal sehen, bevor Sie es selbst tun. Das Beispiel ist Larder Lane, eine kleine Bäckerei in York, erstellt mit den 50 Credits des Free-Plans. 9 Minuten Lesezeit Am 8. Oktober 2026 mit dem Studio abgeglichen ## Bevor Sie beginnen Halten Sie drei Dinge bereit: den Namen des Unternehmens, einen Absatz darüber und eine grobe Liste der Seiten. Sam, der Larder Lane betreibt, möchte eine Website, die das Brot zeigt, Samstags-Vorbestellungen annimmt und verrät, wo der Laden ist und wann er geöffnet hat. Sam nutzt den Tarif Free, hat also 50 Credits und Platz für 1 Projekt. Eine neue Website reserviert beim Erstellen 50, er beginnt also mit vollem Guthaben und gibt vorher nichts anderes aus. Als erste Website eines Free-Workspace wird sie vollständig erstellt, auch wenn sie mehr braucht, als er hat. ## Schritt eins: das Unternehmen beschreiben Wo 1. Projects 2. New project Sie können auch im Eingabefeld auf Home starten und auf **Continue** drücken. In beiden Fällen gelangen Sie zu einer kurzen Einrichtung in sieben Schritten: **What are you making?**, **Describe it**, **Show what you like**, **Your brand**, **Pictures**, **How it is built** und **Review and create**. Eine Liste daneben zeigt, wo Sie sind, und mit **Back** und **Next** wechseln Sie zwischen den Schritten. Was Sie eingeben, bleibt in diesem Browser gespeichert, bis der Aufbau beginnt, sodass Sie die Seite verlassen und wiederkommen können. 1. Art wählen und benennen Wo: What are you making? Sam wählt **Website** und tippt `Larder Lane` in **Business or project name**. Der Name wird auch zur ersten Adresse der Website. 2. Die Beschreibung schreiben Wo: Describe it Das Feld nimmt bis zu 25.000 Zeichen auf und braucht mindestens zehn. Sie können tippen oder sprechen. Das Panel darunter listet auf, was eine gute Beschreibung enthält: für wen und wo sie gedacht ist, was sie anbietet oder tut, wie sie sich anfühlen soll und welche Seiten oder Funktionen sie braucht. 3. Optionale Schritte überspringen Wo: Show what you like, Your brand Beide sind mit **Optional** gekennzeichnet, und ohne Eingabe lautet die Schaltfläche **Skip**. Sam hat keine Websites, denen er folgen möchte, und keine festen Farben, also überspringt er beides und lässt Briks wählen. 4. Die enthaltenen Bilder behalten Wo: Pictures Die erste Option, mit **Included** markiert, nimmt passende Bilder aus der Bibliothek des Studios und zeichnet fehlende neu, ohne Kosten für Bilder. Die anderen Optionen zeichnen jedes Bild neu und fügen dem Bau einen Preis pro Bild hinzu. 5. Prüfen Sie, wie sie aufgebaut ist Wo: How it is built **Ask about what is unclear before building** ist eingeschaltet; lassen Sie es an. Sam lässt die Freigabe-Schalter und **Check the published site** aus. 6. Prüfen und bauen Wo: Review and create Jede Auswahl ist aufgeführt, mit einem Weg zurück, um sie zu ändern. Der Hinweis darunter sagt, dass das neue Projekt während des Baus 50 Credits reserviert, wie hoch Ihr Guthaben ist und dass die erste Version einige Minuten dauert. Wenn ein solches Projekt in der Regel mehr braucht, als Sie haben, nennt eine Zeile darunter die Schätzung. Sam drückt auf **Build it**. Sams Briefing Larder Lane, York > Eine kleine Nachbarschaftsbäckerei in York, geöffnet von Mittwoch bis Samstag. Sauerteigbrot, Roggenbrot und Gebäck, jeden Morgen vor Ort gebacken. Kunden können Brote über ein einfaches Formular für die Abholung am Samstag vorbestellen: Name, Telefonnummer, Wunsch und Abholzeit. Seiten: Startseite, unser Brot, Vorbestellungen, Besuchen Sie uns mit Öffnungszeiten und Anfahrt sowie eine kurze Geschichte über uns beide. Warm und unkompliziert im Ton. Creme und tiefes Grün, große ehrliche Fotos von Brot. Warum ein Formular und kein Shop Sam bittet um Vorbestellungen über ein Formular statt um Online-Zahlung, weil er einfach anfangen möchte: Der Kunde zahlt an der Theke. Um später online Zahlungen anzunehmen, würde er unter **Settings**, **Payments** seinen eigenen Zahlungsanbieter verbinden und in einer Änderung darum bitten. Die Freigabeschritte bei 50 Credits ausgeschaltet lassen **Approve the words before building**, **Choose the look from three directions** und **Choose the hero from four wireframes** halten den Build jeweils an, bis Sie entscheiden. Beim Weitermachen werden erneut bis zu 50 Credits reserviert, oder was Ihr Guthaben hergibt, bis hinunter auf 5, und jeder Teil wird nach seinem Aufwand berechnet. Bei 50 Credits kann ein Build mit mehreren Stopps Ihr Guthaben knapp werden lassen; siehe [Freigabe während des Builds](https://briks.dev/de/docs/approval-steps). ## Schritt zwei: Beantworten Sie die Fragen Das Projekt öffnet sich im Tab **Studio**, links mit der Unterhaltung und rechts mit der Vorschau. Bevor etwas geplant wird, bereitet Briks einige Fragen vor; das Label über der Vorschau lautet 'Waiting for your answers'. Alle Einzelheiten finden Sie unter [Fragen vor dem Bauen](https://briks.dev/de/docs/questions-before-building). 1. Die Seiten ankreuzen Wo: Studio Briks schlägt anhand Ihres Briefings Seiten vor. **Home** ist mit **Always** markiert. Haken Sie die übrigen an oder ab und ergänzen Sie eigene im Feld mit dem Text 'Add a page, for example Careers'. Eine Website kann mit bis zu 10 Seiten starten, und jede angehakte Seite wird vollständig erstellt. 2. Beantworten Sie die anderen Fragen Wo: Studio Jede hat eine mit **Recommended** markierte Auswahl, die bereits ausgewählt ist. Ändern Sie, was nicht passt, oder wählen Sie **Something else**, um Ihre eigene Antwort zu schreiben. 3. Antworten senden Wo: Studio Klicken Sie auf **Continue**. Mit **Decide for me** werden stattdessen alle empfohlenen Antworten übernommen. Sie können Ihre Antworten auch mit eigenen Worten in das Feld unter der Unterhaltung tippen. Was Sam gewählt hat > Sam behielt Home, Our bread, Pre-orders, Visit us und Our story und fügte `Wholesale` für die drei Cafés hinzu, die er beliefert. Eine Frage betraf die Annahme von Vorbestellungen; er behielt die empfohlene Antwort. Sechs Seiten, dann Continue. Der Aufbau begann sofort. ## Schritt drei: Beim Bauen zusehen Die Unterhaltung zeigt jede Phase, während sie läuft, etwa **Planning the site and its pictures**, **Designing and building**, **Verifying build** und **Publishing**. Die erste Version dauert einige Minuten. Sie können die Seite verlassen, während sie läuft; der Build läuft weiter, und das Ergebnis wartet auf Sie, wenn Sie zurückkommen. [Einen Build beobachten](https://briks.dev/de/docs/watching-a-build) erklärt jede Phase. Sobald die Website veröffentlicht ist, füllt sich die Vorschau, und das Label darüber wechselt zu **Live preview**. Mit den Schaltflächen über der Vorschau sehen Sie die Website in Desktop-, Tablet- und Smartphone-Breite, laden sie neu, öffnen sie im Vollbild oder in einem neuen Tab unter ihrer eigenen Adresse, damit Sie wie ein Besucher durch alle Seiten klicken können. Sie haben mitten im Bau Ihre Meinung geändert? **Stop** beendet einen laufenden Build vor dem Veröffentlichen, sodass die Website bleibt, wie sie war. Berechnet wird nur die Arbeit bis zum Stopp. Wenn ein Build auf Credits wartet Bei späteren Websites oder in einem bezahlten Tarif hält ein Build, dessen Rest üblicherweise mehr Credits braucht, als Sie haben, nach der Planung an. Das Gespräch zeigt **Waiting for credits**, mit der Schätzung und dem, was Sie haben, und der Plan bleibt erhalten. Drücken Sie **Get credits** und dann **Resume building**, sobald Sie welche haben; er läuft nie von selbst weiter. Siehe [Credits und Tarife](https://briks.dev/de/docs/credits-and-plans). ## Schritt vier: Vorschau öffnen Die erste Veröffentlichung ist eine Vorschau unter einer Adresse, die aus dem Projektnamen gebildet wird, hier `larder-lane.briks.live`. Ist dieser Name vergeben, werden am Ende ein paar Zeichen angehängt. Ein Owner oder Admin kann sie später ändern; siehe [die Adresse Ihrer Website](https://briks.dev/de/docs/site-address). Eine Vorschau ist eine echte, funktionierende Website, die jeder mit der Adresse öffnen kann. Sie unterscheidet sich in zwei Punkten von der Produktion: Suchmaschinen werden gebeten, sie auszulassen, und Nachrichten aus ihren Formularen werden im Studio gespeichert, aber nicht per E-Mail an Sie gesendet. - Lesen Sie jede Seite auf Ihrem eigenen Smartphone, nicht nur im Vorschaubereich. - Öffnen Sie das Menü und prüfen Sie, ob jede Seite, die Sie angehakt haben, dort steht. - Senden Sie über das Formular eine Test-Vorbestellung und finden Sie sie dann unter **Forms** des Projekts. Wo 1. Projects 2. Larder Lane 3. Settings 4. Forms ## Schritt fünf: eine Änderung vornehmen Sam fällt auf, dass die Öffnungszeiten auf der Seite „Visit us“ weit unten stehen und das Foto auf der Startseite Croissants zeigt, obwohl er für Sauerteigbrot bekannt ist. Er schreibt eine Nachricht in das Feld unter der Unterhaltung, das mit „Change the hero, add a page, adjust the colours…“ beschriftet ist. 1. Die Änderung beschreiben Wo: Studio Sagen Sie in einfachen Worten, was Sie wo ändern möchten. Eine Nachricht kann mehrere zusammengehörige Änderungen enthalten, bis zu 6.000 Zeichen, mit bis zu sechs angehängten Bildern oder Videos. 2. Anhand einer Prüfung entscheiden Wo: Studio Unter dem Feld prüft **Check the site after this change** die veröffentlichte Website in vier Bildschirmgrößen und repariert, was fehlerhaft dargestellt wird. Das dauert einige Minuten länger und kostet einige Credits. Lassen Sie es bei kleinen Änderungen wie dieser also ausgeschaltet. 3. Senden Wo: Studio Drücken Sie den Senden-Button, **Send**. Eine Änderung reserviert während der Ausführung 5 Credits. Läuft bereits ein Build, wird der Button zu **Queue**: Die Nachricht wartet und läuft, sobald der Build fertig ist. Sams Änderung > Setzen Sie auf Visit us die Öffnungszeiten groß nach oben: Mittwoch bis Samstag, 8 bis 14 Uhr. Tauschen Sie auf der Startseite das große Foto gegen eine Nahaufnahme von Sauerteigbroten auf einem Holzbrett. Briks hat die Änderung erstellt und unter derselben Adresse veröffentlicht, und die Vorschau wurde neu geladen. Die frühere Version blieb in den Versionen des Projekts, falls Sam sie zurückhaben wollte. Tipp Wenn Sie statt einer Änderung eine Frage eingeben, etwa 'Welche Seiten haben ein Formular?', erhalten Sie die Antwort im Gespräch, ohne Build und ohne dass etwas zurückgehalten wird. Siehe [Fragen stellen](https://briks.dev/de/docs/asking-questions) und [Änderungen vornehmen](https://briks.dev/de/docs/making-changes). ## Schritt sechs: in Produktion veröffentlichen Mit der Produktion wird die Website vollständig öffentlich: Suchmaschinen können sie aufnehmen, und Nachrichten aus ihren Formularen werden Ihnen per E-Mail zugestellt. 1. Auf Publish klicken Wo: Top bar Sobald eine Website veröffentlicht wurde, zeigt die obere Leiste **Preview** und eine Schaltfläche **Publish**. Drücken Sie darauf. 2. Den Dialog lesen Wo: Publish to production Es erklärt, was sich ändert. Briks prüft zuerst die Website, auch ihre Links, und wenn etwas korrigiert werden muss, ändert sich nichts und das Studio sagt Ihnen, was. 3. Bestätigen Wo: Publish to production Drücken Sie **Publish to production**. Ist der Vorgang abgeschlossen, steht auf der Schaltfläche in der oberen Leiste **In production**. Das Veröffentlichen in die Produktion und der Weg zurück mit **Back to preview** binden keine Credits. Sobald die Website in der Produktion ist, wird auch jede Änderung, die Sie senden, dort veröffentlicht. Mehr unter [Veröffentlichen in die Produktion](https://briks.dev/de/docs/publish-to-production). ## Schritt sieben: Ihre eigene Domain Im Free-Tarif bleibt die Website unter ihrer `briks.live`-Adresse, die auch in der Produktion funktioniert. Eine eigene Domain, etwa `larderlane.co.uk`, anzubinden ist ab dem Starter-Tarif möglich. Wo 1. Projects 2. Larder Lane 3. Settings 4. Domain Dort geben Sie die Domain unter **Your domain** ein und klicken auf **Connect domain**. Danach legen Sie bei dem Unternehmen, bei dem Sie die Domain gekauft haben, drei Einträge an. Einträge sind kurze Einstellungen, die dem Internet sagen, wohin Ihre Domain zeigt: hier ein A-Eintrag, ein CNAME für `www`, der auf `edge.briks.live` zeigt, und ein TXT-Eintrag mit dem Namen `_briks`, der beweist, dass die Domain Ihnen gehört. Briks prüft sie alle 2 Minuten erneut und stellt das Sicherheitszertifikat für Sie aus. [Domain verbinden](https://briks.dev/de/docs/custom-domains) führt Sie durch die Schritte. ## Wenn etwas schiefgeht ### Der Build ist fehlgeschlagen. Wurde mir etwas berechnet? Nein. Eine Anfrage, die fehlschlägt, wird nicht berechnet, und die Reservierung geht an Ihr Guthaben zurück. Das Projekt zeigt **Needs attention**; lesen Sie die letzte Nachricht im Gespräch und senden Sie dann Ihre nächste Nachricht, um fortzufahren. ### Ich habe nicht genug Credits für eine Änderung. Das Studio sagt, was die Änderung enthält und wie hoch Ihr Guthaben ist, und nichts startet. Eine Änderung, die Seiten hinzufügt, kann auch abgelehnt werden, wenn sie üblicherweise mehr braucht, als Sie haben, mit der Schätzung. Ihre Website bleibt online. Ein Owner kann im sich öffnenden Fenster oder unter **Billing** in einen Tarif mit mehr Credits wechseln. Siehe [Credits und Tarife](https://briks.dev/de/docs/credits-and-plans). ### Kann ich im Free-Plan eine zweite Website erstellen? Nein. Der Free-Plan enthält 1 Projekt. Pro und höher enthalten mehr; siehe die Plantabelle unter [Credits und Pläne](https://briks.dev/de/docs/credits-and-plans). ### Jemand anderes sollte es sehen, bevor es live geht. Senden Sie ihnen die Adresse der Vorschau. Ein Konto brauchen sie nicht. Siehe [Vorschau teilen](https://briks.dev/de/docs/sharing-a-preview). ## Als Nächstes lesen - [Wird gebaut **Neues Projekt starten** Jede Wahl beim Anlegen eines Projekts, Schritt für Schritt: Projektart, Brief, eine Website, die Ihnen gefällt, Marke, Bilder, Build-Schalter und Startkosten.](https://briks.dev/de/docs/new-project) - [Wird gebaut **Einen guten Auftrag schreiben** Was in einen Brief gehört, damit der erste Build gelingt: Unternehmen, Zielgruppe, Seiten, Hauptaktion, Fakten und Ton, mit sechs Vorher-nachher-Beispielen.](https://briks.dev/de/docs/writing-a-brief) - [An einem Projekt arbeiten **Änderungen vornehmen** Website per Nachricht an Briks ändern: was Sie sagen, Bilder hinzufügen, Inhalt und Kosten einer Änderung, Unterseiten, wartende Anfragen, Fehler beheben.](https://briks.dev/de/docs/making-changes) - [Veröffentlichung und Domains **In Produktion veröffentlichen** Briks-Website von der Vorschau in die Produktion bringen: was die Startprüfung liest, was blockiert, wie Sie Funde beheben und zurück zur Vorschau gehen.](https://briks.dev/de/docs/publish-to-production) Noch nicht weitergekommen? Schreiben Sie an [hello@briks.dev](mailto:hello@briks.dev) mit dem Namen Ihres Projekts und dem, was Sie erwartet haben. Ein Screenshot hilft.