Bäckerei Website Sections
Für Bäckereien, Konditoreien und Cafés mit eigenem Ofen. Die Theke mit gezeichnetem Brot und Allergenen, der Ofenplan des Tages, Vorbestellung zum Abholen und Filialen auf einer gezeichneten Stadtkarte.
Kategorie wechseln
Marketing
- Hero17
- Features19
- Logo Clouds8
- Stats12
- Pricing11
- Testimonials15
- Call to Action11
- FAQ7
- Newsletter12
- Banners14
- Popups und Consent7
- Services7
- Use Cases6
- Security und Trust12
- Changelog und Roadmap10
- Launch und Waitlist14
- Product Tour6
- Press und Awards15
- AI Features6
- App Download5
- Spenden und Unterstützen4
- Problem und Lösung5
- Einwände5
- Rechner10
- Quiz und Produktberater5
- Kostenlos testen5
- Empfehlung und Partner10
- Community5
- Open Source5
- Manifest5
- Angebot5
- Lead-Magnet4
- Scroll-Geschichten20
- Scroll-Reisen13
- Scroll-Effekte13
- Scroll-Reveals und Übergänge15
Content
- Blog16
- Artikel-Bausteine20
- Gallery7
- Team8
- About11
- Content16
- Process7
- Contact8
- Comparison9
- Integrations9
- Error Pages5
- Careers7
- Case Studies6
- Portfolio6
- Events und Webinars10
- Help Center6
- Rechtstexte5
- Dokumentation4
- Suchergebnisse5
- Ressourcen und Downloads4
- Podcast4
- Redaktion15
- Autoren und Interviews10
- Glossar5
- Rezepte5
- Datengeschichten10
- Long Reads5
- Umfragen und Feedback14
- Formularzustände12
- Anfrageformulare16
- Bewerbungen und Anmeldungen13
- Adresse, Zahlung und Einwilligung12
App
- Auth9
- Dashboards6
- Analysen und Berichte10
- Tables6
- Settings5
- AI und Chat24
- Calendar5
- Inbox und Messages5
- Notifications6
- Files11
- Projects6
- Aufgaben und Planung20
- CRM und Rechnungen10
- Team und Zusammenarbeit20
- Karten und Orte4
- Profiles6
- Onboarding6
- Billing und Usage10
- Developer Settings15
- Security und Zugriff10
- Import, Export und Verlauf15
- Automation und Builder14
- KI-Antworten22
- KI-Schreiben und Erstellen22
- KI-Einrichtung18
- KI-Assistenten9
E-Commerce
Industries
- Menus7
- Appointments6
- Listings6
- Courses6
- Rooms und Stays5
- Classes und Schedules6
- Arztpraxis5
- Kanzlei5
- Salon und Spa5
- Autohaus5
- Reisen5
- Sportverein5
- Coworking5
- Museum5
- Kino5
- Schule5
- Handwerk5
- Versicherung5
- Bank5
- Personal Brand15
- Speaker und Media Kits10
- Creator15
- Coaching und Beratung10
- Kunst und Musik15
- Zahnarztpraxis5
- Tierarztpraxis5
- Therapiepraxis5
- Hochzeiten und Events5
- Architekturbüro5
- Steuerberatung5
- Immobilienmakler5
- Blumenladen5
- Weingut5
- Kita5
- Fahrschule5
- Pflege5
- Festival5
- Bauunternehmen5
- Solarbetrieb5
- Spedition und Logistik5
- Hotel4
- Verein und Hilfsorganisation5
- Apotheke5
- Optiker5
- Physiotherapie5
- Kreativagentur5
- Finanz-App5
- Restaurant4
- Club und Bar4
- Bäckerei4
- Yogastudio4
Elements
- Buttons35
- Forms und Inputs45
- Picker und Auswahlfelder29
- Spezielle Eingabefelder24
- Cards10
- Overlays44
- Navigation21
- Menüleisten und Umschalter14
- Data Display35
- Fortschritt und Zustände18
- Listen, Bäume und Timelines17
- Charts39
- Vergleichs-Charts34
- Statistik-Charts24
- KPI-, Live- und Karten-Charts26
- Text Effects15
- Textakzente16
- Backgrounds19
- Beams, Partikel und Bewegung18
- Media27
- Code und JSON8
- Panels und Splitter4
Frisch aus dem Ofen, bereit zum Abholen
Eine Bäckerei-Website lebt davon, was gerade frisch ist. Diese Sections zeigen Theke, Ofenplan des Tages und die nächste Filiale und lassen Kunden ihr Brot reservieren, solange es noch da ist. Brot, Ofen und Stadtplan sind im Kit gezeichnet, die Seite steht also schon vor dem ersten Fotoshooting.
„Sortiment“ ordnet die Theke nach Kategorien auf Chips, jedes Teil ist gezeichnet, mit Ofenzeiten als kleine Marken und Allergenen in klaren Worten. „Backzeiten“ zeigt den Ofenplan des Tages mit einer Bahn je Sorte, einer roten Linie für die aktuelle Uhrzeit und dem nächsten Blech groß mit den Minuten bis dahin. „Vorbestellen“ füllt eine Tüte mit Plus und Minus, wählt Filiale, Tag und Uhrzeit und hält die Summe im Blick. „Filialen“ zeichnet einen Stadtplan mit Pins, die gewählte Filiale zeigt, ob sie geöffnet hat, die Woche und ihre Café-Plätze.
Nenn Allergene in klaren Worten, Kunden fragen an der Theke ohnehin danach. Zeig Backzeiten für die Sorten, die zuerst weg sind. Die Vorbestellung lohnt sich besonders an Wochenenden und Feiertagen, wenn die Schlange am längsten ist.
Bäckerei
Details
Was Bäckerei mitbringt, aus Registry und Quellcode gelesen.
- Bereich
- Industries
- Variants
- 4
- Version
- 1.0.0 · seit 1.2.0
- Datei
- components/ui/bakery.tsx
- npm-Pakete
- Keine
- Sprachen
- Englisch und Deutsch, 37 eigene Texte
- Studio
- Im Code anpassen
- Mit KI bauen
- Per MCP in Claude, Cursor, Copilot und Codex
Props
Die Schnittstelle BakeryProps aus components/ui/bakery.tsx. Beschreibungen stammen aus den Kommentaren im Code und sind auf Englisch.
variantoptionalBakeryVariantassortmentbaking-timespreorderbranches
eyebrowoptionalReact.ReactNodetitleoptionalReact.ReactNodedescriptionoptionalReact.ReactNodeitemsoptionalBakeItem[]assortment, baking-times, preorder
categoriesoptional{ id: string; label: string }[]assortment: category tabs
dayStartoptionalstringbaking-times: day starts and ends, "HH:MM"
dayEndoptionalstringbranchesoptionalBakeBranch[]preorder, branches
pickupDaysoptional{ id: string; label: string }[]preorder
pickupTimesoptionalstring[]currencyoptionalstring
Eingebaute Texte
Diese Texte schreibt Bäckerei selbst. Die Sprache folgt dem KitProvider, über die Prop labels ersetzt du einzelne.
Alle 37 Texte anzeigen
| Schlüssel | Englisch | Deutsch |
|---|---|---|
| category | Englisch Category | Deutsch Kategorie |
| fresh | Englisch Fresh at | Deutsch Frisch um |
| allergens | Englisch Contains | Deutsch Enthält |
| gluten | Englisch gluten | Deutsch Gluten |
| milk | Englisch milk | Deutsch Milch |
| egg | Englisch egg | Deutsch Ei |
| nuts | Englisch nuts | Deutsch Nüsse |
| sesame | Englisch sesame | Deutsch Sesam |
| today | Englisch Out of the oven today | Deutsch Heute frisch aus dem Ofen |
| now | Englisch Now | Deutsch Jetzt |
| next | Englisch Next from the oven | Deutsch Als Nächstes aus dem Ofen |
| inMin | Englisch in {n} min | Deutsch in {n} Min. |
| done | Englisch All baked for today, see you tomorrow from {time}. | Deutsch Für heute ist alles gebacken, morgen ab {time} wieder. |
| add | Englisch Add one {name} | Deutsch Ein Stück {name} dazu |
| remove | Englisch Remove one {name} | Deutsch Ein Stück {name} weniger |
| basket | Englisch Your order | Deutsch Deine Bestellung |
| empty | Englisch Add something from the counter | Deutsch Leg etwas aus der Theke dazu |
| pickup | Englisch Pick up from | Deutsch Abholfiliale |
| day | Englisch Day | Deutsch Tag |
| time | Englisch Time | Deutsch Uhrzeit |
| total | Englisch Total | Deutsch Gesamt |
| order | Englisch Order for pick up | Deutsch Zum Abholen bestellen |
| ordered | Englisch Ordered. Your bag is ready at the counter. | Deutsch Bestellt. Deine Tüte liegt an der Theke bereit. |
| payNote | Englisch You pay when you pick it up. | Deutsch Du bezahlst bei der Abholung. |
| items | Englisch {n} items | Deutsch {n} Teile |
| branches | Englisch Branches | Deutsch Filialen |
| openNow | Englisch Open now | Deutsch Jetzt geöffnet |
| closedNow | Englisch Closed now | Deutsch Gerade geschlossen |
| opensAt | Englisch Opens at {time} | Deutsch Öffnet um {time} Uhr |
| opensDayAt | Englisch Opens {day} at {time} | Deutsch Öffnet {day} um {time} Uhr |
| closesAt | Englisch Until {time} | Deutsch Bis {time} Uhr |
| hours | Englisch Opening hours | Deutsch Öffnungszeiten |
| closed | Englisch Closed | Deutsch Geschlossen |
| seats | Englisch {n} seats in the café | Deutsch {n} Plätze im Café |
| call | Englisch Call {name} | Deutsch {name} anrufen |
| route | Englisch Plan a route | Deutsch Route planen |
| days | Englisch Mon,Tue,Wed,Thu,Fri,Sat,Sun | Deutsch Mo,Di,Mi,Do,Fr,Sa,So |
Barrierefreiheit
Aus dem Quellcode der Component abgeleitet.
- Bäckerei reagiert selbst auf die Tasten Pfeil hoch, Pfeil runter, Pfeil links, Pfeil rechts und Leertaste.
- Setzt aria-checked, aria-label und aria-live, damit Screenreader Zweck und Zustand ansagen.
- Nutzt die Rollen radio, radiogroup und status.
- Meldet Änderungen über eine Live-Region, ohne den Fokus zu verschieben.
- Ergänzt Text für Screenreader, wo Icons und Grafiken allein stehen.
- Zeigt bei Bedienung mit der Tastatur einen sichtbaren Fokusring.
- Der Server rendert den Startzustand vollständig, JavaScript ergänzt nur die Interaktion.
Bewegung
- Bringt eigene Animationen mit, ruhig getaktet und ohne Wackeln.
- Bei reduzierter Bewegung (prefers-reduced-motion) bleibt sie ruhig. 4 Stellen im Code schalten Bewegung dann ab.
Häufige Fragen
Wie installiere ich Bäckerei?
Mit aiw add @ai-website/bakery. Der Befehl legt die Datei components/ui/bakery.tsx in dein Projekt, der Code gehört danach dir. Mit dabei sind button, icon, section und motion. Weitere npm-Pakete braucht sie nicht.
Welche Varianten hat Bäckerei?
4 Varianten, Sortiment, Backzeiten, Vorbestellen und Filialen. Du wählst sie mit der Prop variant, zum Beispiel variant="baking-times".
Kann ich die Texte von Bäckerei übersetzen?
Ja. Bäckerei bringt 37 eigene Texte auf Deutsch und Englisch mit, etwa „Kategorie“, „Frisch um“ und „Enthält“. Die Sprache folgt dem KitProvider, einzelne Texte ersetzt du über die Prop labels.
Kann ein KI-Assistent Bäckerei einbauen?
Ja. Über den MCP-Server der aiw CLI finden Claude, Cursor, GitHub Copilot, Windsurf, Codex und Gemini Bäckerei mit aiw_components und installieren sie mit aiw_add @ai-website/bakery. Nenn im Prompt die Variante, etwa variant="assortment", dann schreibt der Assistent deine Inhalte direkt in die Props.
Ähnliche Components, Wird oft kombiniert mit
Ähnliche Components
Mehr aus Industries, demselben Bereich des Kits.
- Club und BarKommende Nächte mit Plakaten, Line-up je Floor, Tickets in Preisphasen und Gästeliste mit Einlasscode.
- YogastudioDie Woche als Kalender, Stile von ruhig bis dynamisch, ein Tarif-Finder und die erste Stunde mit Buchung.
- RestaurantTischreservierung am Raumplan, besondere Abende, der Raum je Tageszeit und Gesellschaften für Gruppen.
- Finanz-AppApp-Demo mit Umsätzen, Ausgaben-Analyse, Kartensteuerung, Sicherheit in Schritten und App-Rundgang.
- Alles aus IndustriesFertige Sections für Praxen, Restaurants, Handwerk, Hotels, Schulen, Vereine und Creator.
Wird oft kombiniert mit
Sections, die auf einer Seite meist neben Bäckerei stehen.
Quellcode lädt