Astro
How we build fast, maintainable Astro websites, and how you edit, extend and grow them. Includes Sanity as a CMS and everything you need to rank in Google and AI search.
Getting started
- Intermediate · 30 minMake an Astro siteCreate a new Astro project with pnpm, give it the Viralistic structure, and run the dev server, checks and build on your own machine. Read guide ↗
- Beginner · 8 minHow a Viralistic Astro site is organisedUnderstand where content, layouts, sections and styling live in a Viralistic Astro site, so you know which file to open for any change. Read guide ↗
- Beginner · 10 minEdit text and pagesChange text, add pages and update the menu of your Viralistic Astro site safely, with a preview before anything goes live. Read guide ↗
- Beginner · 15 minEdit your site with Claude CodeUse Claude Code to add pages, sections and fixes to your Viralistic Astro site, check the result and publish it through a pull request. Read guide ↗
Content
- Advanced · 45 minUse Sanity with AstroDecide when Sanity beats markdown, connect it to your Astro site with the official integration, and rebuild the site automatically when editors publish. Read guide ↗
- Beginner · 8 minImages and mediaAdd images, video and downloads to your Viralistic Astro site so they look sharp, load fast and are accessible to every visitor. Read guide ↗
- Intermediate · 15 minAdd forms to a static siteCollect contact requests and sign-ups on a static Astro site with Netlify Forms or an n8n webhook, with spam protection and notifications. Read guide ↗
SEO and AI search
- Intermediate · 15 minMake your Astro site rank wellSet titles, descriptions, canonicals, sitemap, robots.txt and structured data on your Astro site, and connect it to Google Search Console. Read guide ↗
- Intermediate · 12 minGet cited by AI searchMake your Astro site easy for ChatGPT, Claude, Perplexity and Google's AI answers to read, trust and cite, with clear content and consistent facts. Read guide ↗
- Intermediate · 15 minScore high on LighthouseTest your Astro site with Lighthouse the right way and fix the usual causes of a low score: heavy images, layout shift, scripts and fonts. Read guide ↗
- Intermediate · 20 minKeep your rankings when you relaunchMap every old URL to its new page with 301 redirects in netlify.toml, test them, and monitor Google after launch so you keep your traffic. Read guide ↗
Launch
- Beginner · 15 minDeploy to NetlifyPut your Astro site live on Netlify with automatic deploys from Git, preview every change before it goes live, and roll back in one click. Read guide ↗
- Beginner · 15 minConnect your domainPoint your own domain to your Netlify site, choose between external DNS and Netlify DNS, keep your email working and get HTTPS automatically. Read guide ↗
Still stuck?
Send us what you tried and a screenshot, and we will help you further. For new projects, book a strategic call.
Strategic call