Built-in Features
Every landing page includes these essential capabilities to ensure a solid foundation for your online presence. These features work together to create fast, accessible, and conversion-optimized experiences.
Quick Navigation
Jump to any feature:
- Privacy-First Analytics
- Build Skew Detection
- SEO Optimization
- Fully Responsive
- Security & Performance
- Form Handling
- Internationalization
- Content Management
Privacy-First Analytics
We prioritize user privacy and data ownership. By default, we integrate Umami Analytics, a privacy-focused alternative to Google Analytics.
Why Umami?
- No Cookies: No annoying cookie consent banners required. Compliant with GDPR, CCPA, and PECR out of the box.
- Data Ownership: You own your data. It's not sold to advertisers.
- Simple Metrics: Track page views, visitors, bounce rates, and traffic sources without the complexity of GA4.
- Custom Events: Track button clicks, form submissions, and conversions easily.
Note: We can integrate Google Analytics 4, Facebook Pixel, or other trackers upon request, but this will require a cookie consent banner and impact user privacy.
Signed-in users: a pseudonym you can erase
Off by default. When you switch it on, Umami can tell your signed-in users apart, so you can see how one account uses the product instead of only totals. Guests are never identified.
- A pseudonym, never the user id. Each signed-in user is tagged with a
sid, a keyed hash (HMAC-SHA256) of their id. The key belongs to that user and never leaves your server, so knowing a user id is not enough to work out itssid, for Umami or anyone else. Workspaces get anoidthe same way, and it follows the workspace the user has open. - One identity across visits and events. Page views, clicks and server-side events such as sign-ups and plan changes carry the same
sid, so they line up in Umami. - Erasure without touching Umami. Deleting an account destroys that user's key. The
sidcan never be computed again, so their past analytics can no longer be tied to them, and there is nothing to delete in Umami. - Nothing stored in the browser. The
sidlives in memory while the page is open, never in a cookie or localStorage, so analytics still needs no cookie banner. - Per-account drill-down. A super-admin can open one user's or workspace's analytics from Admin → Security → Subject Analytics. Every lookup is written to the audit log.
Why a keyed hash and not a plain one
A plain sha256(userId) comes out the same for anyone who computes it. Whoever has your user list could re-identify every row in Umami, and deleting an account would change nothing, because the hash can always be computed again. With a key per user, the link exists only as long as the account does.
Switching it on
| Variable | Identifies |
|---|---|
NUXT_PUBLIC_UMAMI_IDENTIFY=true | page views and client-side events |
NUXT_EVENTS_UMAMI_IDENTIFY=true | server-side events |
Both are read at build time, so rebuild after changing them. Both need NUXT_PRIVACY_MASTER_KEY, the privacy module's master key. Without it no identifier is sent at all: it never falls back to the real user id.
Note: A pseudonym is still personal data under GDPR. Use it with self-hosted Umami and say so in your privacy policy. The bundled privacy policy already describes it.
Build Skew Detection
Ever deployed a bug fix only to have users still report the same issue hours later? That's because their browser is running old code.
The Problem
When you deploy a new version, users with the tab open are stuck on the old version. API calls might fail, and they won't see new features until they manually refresh.
The Solution
Our system automatically detects when a new version is deployed and notifies the user.
Deploy Your Update
You push a bug fix or new feature to production. The system detects the new version hash.
Users Get Notified
Active users see a non-intrusive toast message: "A new version is available. Refresh to get the latest features."
Seamless Refresh
Users can refresh immediately to load the new assets.
SEO Optimization
Built-in SEO best practices ensure your landing pages rank well. Every page is optimized for search engines and social media sharing.
Social Media Cards
We use Nuxt OG Image to automatically generate beautiful social media preview cards at build time. No more generic placeholders.
- Dynamic Generation: Cards update automatically when you change your page title or description.
- Custom Designs: Branded layouts matching your website's theme.
- Performance: Generated as static images for instant loading on social platforms.
Automatic Optimization
Meta Tags
Dynamic title, description, and keywords for each page using Nuxt SEO.
Structured Data
JSON-LD schema markup for rich search results.
Sitemap
Auto-generated XML sitemap submitted to search engines.
Performance Metrics
- Core Web Vitals: Optimized for LCP, FID, and CLS.
- Mobile-First Indexing: Fully responsive and mobile-optimized structure.
- Fast Page Load: Static generation (SSG) or Edge-side rendering (SSR) for instant loads.
Fully Responsive
A design system that looks beautiful on any device, from smartphones to ultra-wide monitors.
Adaptive Layouts
All components automatically adjust to screen size:
- Navigation: Collapsible mobile menu, full header on desktop.
- Grid Systems: Intelligent column wrapping (1 col mobile → 3 cols desktop).
- Typography: Fluid text sizing that scales with the viewport.
- Images: Responsive images with
srcsetgeneration using Nuxt Image.
Security & Performance
Enterprise-grade security and performance, powered by Nuxt and Cloudflare.
Security Features
- HTTPS Only: Automatic SSL encryption via Cloudflare.
- HSTS: Strict Transport Security headers.
- XSS Prevention: Sanitized user inputs.
- DDoS Protection: Cloudflare's edge network protection.
- Turnstile CAPTCHA: Privacy-friendly spam protection on all forms.
Performance Optimizations
- Image Optimization: Automatic WebP/AVIF conversion and resizing.
- Code Splitting: Only load the JavaScript needed for the current page.
- Asset Compression: Brotli/Gzip compression for all static assets.
- Font Optimization: Zero-layout-shift font loading.
Form Handling
Secure, database-backed form system for lead generation and contact requests.
Features
- Database Storage: Submissions are saved directly to your database (Drizzle ORM).
- Email Notifications: Instant alerts via transactional email providers (AWS SES / Resend).
- Spam Protection: Cloudflare Turnstile integration to block bots without annoying users.
- Validation: Client-side and server-side validation using Zod schemas.
Internationalization
Reach global audiences with native multi-language support (available as a premium module).
Capabilities
- Localized Routing: Clean URLs like
/en/aboutand/de/ueber-uns. - Automatic Detection: Detects user's preferred language from browser settings.
- Language Switcher: Built-in component for toggling languages.
- SEO Friendly: Correct
hreflangtags to tell Google about your localized versions.
Content Management
A developer-friendly CMS powered by Nuxt Content.
Markdown Features
- Write in Markdown: Manage text, images, and pages with ease.
- Vue Components: Embed interactive components (like these cards!) directly in your content.
- Live Preview: See changes instantly during development.
- Git-Based: Version control your content alongside your code.
Organized Collections
- Blog Posts: Articles with authors, categories, and dates.
- Documentation: Nested documentation structure with auto-navigation.
- Legal Pages: Privacy Policy and Terms of Service.
Getting Started
All these features are part of our standard deployment stack. You focus on your business logic; we handle the technical foundation.
Ready to Build?
Overview
Professional landing pages for startups and tech companies with powerful modular features
Overview
Managing your website's content shouldn't require a developer. Our Content Management feature gives you full control over your text, images, and pages, allowing you to update your site instantly and keep your audience engaged.