Statische Website-Architektur mit Astro 6 und VPS im Jahr 2026
Die Website "Na Derevo" nutzt Astro 6 im SSG-Modus, um saubere statische Dateien zu generieren: die Projekt-Startseite, die MENO-Produktlandingpage und einen Blog. Zweisprachige Unterstützung (ru/en) wird ohne SPA oder SSR implementiert. Auf dem Server – Nginx auf einem VPS für 300 Rubel, SSL über Certbot. Analytics – Yandex.Metrica mit Einwilligungsmechanismus.
Der Stack ist für Performance minimiert:
- Framework: Astro 6 (SSG)
- Sprache: TypeScript (strict)
- Content: Astro Content Collections + Markdown/MDX
- Server: Nginx
- SSL: Certbot (Let's Encrypt)
- Analytics: Yandex.Metrica (optional)
Astro generiert einen dist-Ordner mit HTML, CSS, JS – kein Node.js in der Produktion. Nginx bedient Dateien direkt, was schneller ist als SSR.
Lokalisierung und URL-Struktur
Astro-Konfiguration für i18n:
locales: ['ru', 'en'],
prefixDefaultLocale: true,
redirectToDefaultLocale: falseStruktur:
naderevo.com/ru/– Startseite (RU)naderevo.com/en/– Startseite (EN)naderevo.com/ru/blog/– Blog (RU)naderevo.com/en/blog/– Blog (EN)naderevo.com/– Weiterleitungsseite (noindex)
Die Root-Seite ermittelt die Sprache über localStorage, Cookie oder Accept-Language und leitet weiter. Das Präfix beider Sprachen vereinfacht hreflang und canonical. Content Collections stellen die Frontmatter-Typisierung sicher – der Build schlägt fehl, wenn Felder fehlen.
SEO-Infrastruktur
Jede Seite enthält:
- Grundlegende Tags: canonical, hreflang (inkl. x-default), Open Graph, Twitter Card.
- Strukturierte Daten: JSON-LD in
<head>(WebSite für Startseite, SoftwareApplication für Landingpage, BlogPosting für Artikel). - Sitemap: generiert von
@astrojs/sitemapmit Filter für Hilfsseiten. - robots.txt:
User-agent: *
Allow: /
Sitemap: https://naderevo.com/sitemap-index.xmlOffen für KI-Crawler. astro.config.mjs setzt site: 'https://naderevo.com' für absolute URLs in Sitemap/OG.
Deployment und Server-Konfiguration
VPS bedient statische Dateien über Nginx. Warum nicht Vercel/Netlify: volle Kontrolle über Weiterleitungen, Header, kein Vendor-Lock-in.
Weiterleitungen in nginx.conf:
# http -> https
server {
listen 80;
return 301 https://$host$request_uri;
}
# www -> apex
server {
server_name www.naderevo.com;
return 301 https://naderevo.com$request_uri;
}Asset-Caching:
Cache-Control: public, max-age=31536000, immutableHashes in Dateinamen (Astro) invalidieren Cache beim Deploy.
Sicherheits-Header:
X-Content-Type-Options: nosniff
X-Frame-Options: SAMEORIGIN
X-XSS-Protection: 1; mode=block
Referrer-Policy: strict-origin-when-cross-originSSL-Aktualisierungen automatisch mit Certbot. Legacy-Weiterleitungen für alte Post-Slugs.
Datenschutzorientierte Analytics
Yandex.Metrica lädt nach Einwilligung. Cookie-Banner speichert Wahl in Cookie/localStorage. Bei Ablehnung:
- Skript lädt nicht.
- Analytics-Cookies werden gelöscht.
Ziele über data-metrika-goal. ID aus PUBLIC_YANDEX_METRIKA_ID – optional für Entwicklung.
Webvisor/Clickmap deaktiviert, um Last zu reduzieren.
TypeScript und Konfiguration
tsconfig.json:
{
"extends": "astro/tsconfigs/strict",
"compilerOptions": {
"paths": {
"@/*": ["./src/*"]
}
}
}Strict-Mode fängt Fehler in Komponenten, Collections, i18n-Konfigurationen.
Implementierungsbeschränkungen
- Weiterleitungsseite
/(noindex) – SEO-Kompromiss: Gewicht geht an/ru/,/en/. - Universelles OG-Bild für alle Seiten (einzigartige geplant).
- Keine Sitzungsaufzeichnung in Metrica.
Wichtigste Erkenntnisse
- Astro SSG + Nginx – maximale Geschwindigkeit und Zuverlässigkeit für statische Websites.
- Volle Content-Typisierung über Content Collections.
- SEO-bereit: hreflang, JSON-LD, offene robots.txt.
- Datenschutz: Analytics nur mit Einwilligung.
- VPS günstiger als PaaS, volle Konfigurationskontrolle.
— Editorial Team
Noch keine Kommentare.