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.
Eine Liste von Artikeln zum Tag "Astro". 16 Artikel
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.
Wie wir Kommentare in einem Astro-Blog ohne externen Kommentardienst umgesetzt haben: Cloudflare Pages Functions, D1, Turnstile und Wrangler.
Praktischer Leitfaden zum Einbau von Sveltia CMS in Astro- und statische Websites: GitHub Backend, OAuth Worker, Medien-Uploads, Mehrsprachigkeit, CMS-PRs und Lessons Learned.
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 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, 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.
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.
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.
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.
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.
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.
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.
Dokumentation der Internationalisierung einer Astro 6 + UnoCSS + Cloudflare Pages Website auf 9 Sprachen. Vom UI-i18n über die Übersetzung von 168 Blogartikeln bis zur mehrsprachigen Pages CMS-Konfiguration.
Optimierungstechniken, die verwendet wurden, um PageSpeed Insights Mobile 99 auf einer Astro + UnoCSS + Cloudflare Pages-Website zu erreichen. Behandelt CSS-Bereitstellungsstrategie, Fallstricke bei der Schriftkonfiguration, responsive Bilder, AdSense-Lazy-Loading und Cache-Einstellungen.
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.