Eine Astro + Cloudflare Website Schritt für Schritt erweitern
Wie wir Astro und Cloudflare Pages mit AI-Kontaktchat, Sveltia CMS, mehrsprachigem Blog, Service-CTA, sicherem Markdown-Rendering und Kommentaren ohne externen Dienst kombiniert haben.
Artikel mit Tag "Astro"
Eine Liste von Artikeln zum Tag "Astro".15 Artikel
Astro-Blogkommentare nur mit Cloudflare umsetzen
Wie wir Kommentare in einem Astro-Blog ohne externen Kommentardienst umgesetzt haben: Cloudflare Pages Functions, D1, Turnstile und Wrangler.
Sveltia CMS Einrichtungsleitfaden
Praktischer Leitfaden zum Einbau von Sveltia CMS in Astro- und statische Websites: GitHub Backend, OAuth Worker, Medien-Uploads, Mehrsprachigkeit, CMS-PRs und Lessons Learned.
Markdown-Links in KI-Chat-Antworten sicher rendern
Eine technische Notiz dazu, Markdown-Links aus KI-Chat-Antworten sicher in HTML zu überführen. Parsing mit Leerzeichen-Toleranz, href-trim, Allowlist, DOM-Rendering, Fallback und Tests werden getrennt betrachtet.
Wir haben das Aceserver-Portal veröffentlicht
Wir haben das offizielle Portal für Aceserver veröffentlicht, einen kostenlosen öffentlichen Minecraft-Server, dem jede Person beitreten kann. Mit Astro, UnoCSS und Sveltia CMS organisiert es Servervorstellung, Videos, Weltkarten, Wiki und Discord-Einstieg an einem Ort.
Wir haben Hatts Homepage veröffentlicht
Wir haben Hatts Homepage veröffentlicht, eine persönliche Website für Illustrationen, Romane sowie VRChat-Avatare und Gimmicks. Sie wurde mit Astro, Sveltia CMS und Pagefind gebaut und ist darauf ausgelegt, kreative Aktivitäten fortlaufend zu veröffentlichen.
Astro-Website-Qualitätsverbesserungsleitfaden, Fortsetzung - Letzte Anpassungen für 100 Punkte in allen PageSpeed-Insights-Kategorien
Dokumentation der finalen Optimierungsrunde nach dem vorherigen Artikel: Cloudflare Web Analytics deaktivieren, GA4 und die Suche verzögert laden, 100 Punkte in allen vier PageSpeed-Insights-Kategorien auf Mobile und Desktop erreichen, Breadcrumbs und Indexierungsregeln in Search Console bereinigen, auf gemeinsame SVG-Icons umstellen und auch begründen, welche zusätzlichen Optimierungen bewusst nicht übernommen wurden.
Astro-Website-Qualitätsverbesserungsleitfaden — PageSpeed Mobile Score von 99 erreichen
Ein vollständiger Bericht über die Verbesserung einer Astro + UnoCSS + Cloudflare Pages-Website in vier Bereichen — Performance, SEO, Barrierefreiheit und UX — mit Erreichen eines PageSpeed Insights Mobile Scores von 99 und perfekten 100 Punkten bei allen Desktop-Metriken.
Monkey-Testing Ihrer Website mit GitHub Copilot × Playwright: Ein praktischer Leitfaden
Ein praxisnaher Leitfaden zum systematischen Monkey-Testing einer statischen Website mit dem VS Code Agent Mode (GitHub Copilot) in Kombination mit den Playwright-Browsertools. Behandelt die Testdesign-Methodik, entdeckte Fehler und deren Behebung sowie Verbesserungsempfehlungen.
Fallstricke und Lösungen für Astro View Transitions — Ein Leitfaden zur Verbesserung von UX und Code-Qualität
Ein praktischer Leitfaden mit Lösungen für Skriptprobleme bei Astro View Transitions, Einführung der Pagefind-Volltextsuche, Verbesserung der TypeScript-Typsicherheit, Zentralisierung von Konstanten und mehr zur Verbesserung von UX und Code-Qualität.
Praktischer Leitfaden zur WCAG-AA-Konformität Ihrer Astro-Website
Ein umfassender Leitfaden zu Barrierefreiheitsverbesserungen, die auf einer Astro + UnoCSS-Website implementiert wurden. Behandelt aria-Attribute, Kontrast, Fokusverwaltung, Formularvalidierung, Screenreader-Unterstützung und alles Nötige für die WCAG-AA-Konformität.
SEO-Verbesserungsleitfaden: Strukturierte Daten und OGP auf Ihrer Astro-Website implementieren
Eine Schritt-für-Schritt-Anleitung zur korrekten Implementierung von JSON-LD-strukturierten Daten, OGP, Sitemaps und RSS auf einer Astro + Cloudflare Pages-Website. Behandelt alles von der Unterstützung für Google Rich Results bis zur RSS-Feed-Optimierung mit praktischen SEO-Verbesserungen.
Astro 7 Website für 9 Sprachen fit machen ― Blogübersetzung und mehrsprachige Architektur
Dokumentation der Internationalisierung einer Astro 7.1.3 + UnoCSS + Cloudflare Pages Website auf 9 Sprachen. Vom UI-i18n über die Übersetzung der Blogartikel bis zur mehrsprachigen Pages CMS-Konfiguration.
Praktische Techniken zur Verbesserung von PageSpeed auf einer Astro-Website
Praktische Optimierungstechniken für eine Website mit Astro, UnoCSS und Cloudflare Pages. Behandelt CSS-Bereitstellung, Schriftkonfiguration, responsive Bilder, AdSense-Ladesteuerung, verzögertes GA4-Laden und Cache-Einstellungen.
Von VitePress zu Starlight — Vereinheitlichung der Dokumentationssite-Frameworks
Ein Bericht über die Migration eines mit VitePress + UnoCSS erstellten Geschäftsplan-Dokuments zu Astro + Starlight, mit Vereinheitlichung des Frameworks über zwei Projekte hinweg. Behandelt auch die Migration von Mermaid-Diagrammen zum CDN.