Waida Studio
ShieldifyVPN - Astro 7 Theme for VPN, Privacy & Security Products
Sell the subscription, explain the encryption, and publish the guides — from one static build that loads instantly. ShieldifyVPN is a complete VPN and privacy-product theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script.
Live demo: https://shieldifyvpn-astro.vercel.app
WHAT'S INSIDE
23 page templates — 38 static pages per build: home, about, features, pricing, journal, journal article, job opening, plan buy page, plan category, contact, checkout, PayPal checkout, order confirmation, sign in, sign up, early access, style guide, licences, changelog, privacy policy, terms of use, 401 password protected and 404
Nine journal articles as Markdown — topic badge, reading time, date, three photographs and a pull quote with its own portrait and byline, set by the design between the two runs of body copy; add a file and it appears on the journal page, under its filter tabs, in the home page's featured strip and at its own URL
Four job openings as Markdown — department, level, location, contract, salary and team, plus a ticked requirements list the design prints twice: once on the about page's card and once, in a wider layout, on the opening's own page beside the application form
Three plans as Markdown — the price, the duration, the feature list and the write-up on the plan's own buy page, all from one file; the same card is drawn on the home page, the pricing grid, the plan's category page and its buy page, so a price is stated once and every surface stays in step
Commerce pages — a three-plan storefront with an add-to-cart form, a slide-out basket drawer, checkout, PayPal checkout and an order confirmation that prints back the lines bought and every detail the checkout form collected (localStorage-based; wire up Stripe or Lemon Squeezy when you're ready to sell)
Motion that earns its keep — 804 scroll reveals, a page-load stagger, four CSS illustrations that wait for the viewport before they start, 25 rolling statistics figures, an overlay navigation panel, a Pages mega-panel with a page-wide blur behind it, two logo marquees, two tab sets with the full ARIA keyboard pattern, twelve FAQ disclosures and the basket drawer — all in one vanilla script, all respecting prefers-reduced-motion
Edit content, not code — every article, opening and plan is one Markdown file with zod-validated frontmatter; the plan categories and everything the design owns rather than any one item are JSON, because neither is a document
Design-token system — 95 custom properties hold the whole colour system, type scale, spacing steps and radii, and /style-guide previews type, colour, buttons and form controls on one page
Self-hosted fonts — Inter and Fira Code as woff2, no CDN requests
TypeScript throughout, zod-validated content schema
TECH STACK
Astro 7 · Markdown content collections · TypeScript · the template's own CSS — no utility framework, no build-time CSS pipeline
REQUIREMENTS
Node 22.12 or newer. npm ships with it. Nothing else to install.
LICENSE
One end product per license. You may modify the source freely; you may not resell, sublicense or redistribute it, in whole or in substantial part.
SUPPORT