mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
jwinterm
d0a3e8c399
- Add sitemap.xml and robots.txt (such.software-site) - Fix blog date on neroswap post (2025→2026) - Filter draft posts from generateStaticParams and getPost - Fix stale product list in website-relaunch blog post - Fix Godot version (4.6→4) - Add cross-links: product pages→blog posts, blog posts→product pages - Add OG/Twitter metadata to blog [slug] pages - Fix Bauhaus Echo privacy: hover color (emerald→blue), contact URL - Fix Suchoice: card styling (p-6→glass-card), font-semibold→font-bold - Fix products listing meta to include Suchoice
35 lines
1.7 KiB
Plaintext
35 lines
1.7 KiB
Plaintext
---
|
|
title: "Website Relaunch"
|
|
date: "2026-02-06"
|
|
excerpt: "New design, new infrastructure, same focus on quality"
|
|
---
|
|
|
|
We rebuilt such.software. New design, new infrastructure, same focus on performance and accessibility.
|
|
|
|
## Stack
|
|
|
|
- **Framework:** Next.js 15 (App Router)
|
|
- **Language:** TypeScript
|
|
- **Styling:** Tailwind CSS with CSS variables for theming
|
|
- **Animation:** Framer Motion
|
|
- **Monorepo:** Turborepo + pnpm workspaces
|
|
- **Testing:** Playwright with axe-core for accessibility
|
|
- **Bot Protection:** Cloudflare Turnstile
|
|
- **Email:** Resend
|
|
|
|
## Procedural Graphics
|
|
|
|
The site features two custom procedural animations: NebulaField and DataGrid. Both are SVG-based, theme-aware, and respect prefers-reduced-motion. NebulaField renders animated data streams flowing toward a central icon using quadratic Bezier curves on the homepage. DataGrid draws a pulsing grid with traveling data packets on the Services page.
|
|
|
|
## Accessibility
|
|
|
|
We run 42 automated accessibility tests across Chromium, Firefox, and WebKit on every build. Tests cover WCAG 2.2 AA compliance, heading hierarchy, color contrast, keyboard navigation, and form accessibility. Lighthouse scores are 99-100 across all pages.
|
|
|
|
## Performance
|
|
|
|
The NebulaField component is lazy loaded with next/dynamic and requestIdleCallback. Canvas rendering is throttled. Fonts are loaded via next/font for zero layout shift. Images use next/image for automatic optimization.
|
|
|
|
## Structure
|
|
|
|
The site now has Products, Services, Blog, and About sections. Products showcases our standalone offerings: Neroswap, Webshops, Custom Websites, Smirk Wallet, Bauhaus Echo, Suchoice, and Wownero Moon Launch. Services covers our partnership model and consulting work. Mobile users get a bottom navigation bar.
|