Najważniejsze informacje
Przebudowaliśmy foura.ai od podstaw i w dwa dni zastosowaliśmy nowy wygląd w każdym produkcie FourA. Blog, dokumentacja, portal aktualizacji, strony uwierzytelniania, szablony e-mail, strony błędów. Jeśli coś nosi nazwę FourA, teraz jest spójne. Od strony infrastruktury zmodernizowaliśmy system monitoringu, aby wyeliminować fałszywe alerty, i dodaliśmy konfigurowalne progi z odpowiednim dziennikiem incydentów.
Co nowego
Całkowity redesign strony
Główna strona przeszła pełną odnowę wizualną. Nowa typografia (Outfit), paleta kolorów indygo oraz pełne wsparcie dla ciemnego i jasnego motywu z opcją domyślną systemu. Każdy komponent został przebudowany: karty cennika, playground, strony docelowe, strony kontaktowe i prawne oraz sekcja podglądu dla dashboard (która teraz wyświetla żywy HTML zamiast statycznych zrzutów ekranu).
Dodaliśmy tagi meta OG po stronie serwera, dzięki czemu udostępnianie linku FourA na platformach Slack lub Discord pokazuje poprawny tytuł i opis dla każdej strony. Jeśli jesteś już zalogowany, przyciski automatycznie zmieniają się z "Try Free" na "Przejdź do panelu".
Jeden Design System, wszędzie
Pojedynczy redesign jest świetny. To jednak spójność we wszystkich punktach styku sprawia, że wszystko dobrze działa. Zastosowaliśmy ten sam system designu dla:
- Blog i Docs z nową typografią, kolorami i ustandaryzowanymi nagłówkami
- Portal aktualizacji w pełni dostosowany do głównej strony
- Strony uwierzytelniania, gdzie każdy proces logowania i rejestracji pasuje teraz do wyglądu FourA
- Szablony e-mail dla powiadomień o kluczach API, ostrzeżeń o limitach i alertach monitoringu
- Strony błędów, aby nawet błąd 502 był zgodny z marką
Ustaw tryb ciemny raz, a podąża on za tobą wszędzie. Zbudowaliśmy synchronizację motywu między witrynami przy użyciu wspólnego pliku cookie w całej domenie .foura.ai z trzema stanami: system, light i dark. Twoje preferencje są zachowywane w kartach i sesjach.
Paleta poleceń Cmd+K
Naciśnij Cmd+K (lub Ctrl+K) na blogu, w dokumentacji lub portalu aktualizacji. Otrzymujesz natychmiastowe wyszukiwanie i nawigację. Gdy pole wyszukiwania jest puste, pokazuje dostępne cele. Zacznij pisać, a filtruje zawartość w czasie rzeczywistym. Mała funkcja, ale ogromna poprawa wygody użytkowania.
Cennik wielowalutowy
Cennik wykrywa teraz Twoją lokalizację na podstawie danych geo i pokazuje kwoty w Twojej lokalnej walucie. USD, EUR i GBP na start. Kursy wymiany odświeżają się co tydzień z rzeczywistych danych rynkowych, a baza danych geo aktualizuje się co dwa tygodnie. Koniec ze zgadywaniem, ile faktycznie zapłacisz.
Pod maską
Przebudowa monitoringu
Głównym problemem były fałszywe alerty. Nasz monitoring CPU porównywał użycie jednego rdzenia z limitami kontenerów wielordzeniowych. Proces Node.js obciążający 90% jednego rdzenia w kontenerze 4-rdzeniowym zajmuje ogółem 22.5%, a nie 90%. Znormalizowaliśmy wszystkie metryki CPU do rzeczywistej pojemności kontenera.
Ocena rate limit została przeniesiona z liczenia na instancję do bramy API, gdzie limity są faktycznie egzekwowane. Zlikwidowało to fałszywe ostrzeżenia o zbliżaniu się do limitu żądań, które były spowodowane zliczaniem ruchu między usługami wewnętrznymi.
Progi znajdują się teraz w bazie danych z pełnym API do odczytu i edycji. Możemy dostrajać czułość alertów bez ponownego wdrażania. Dodaliśmy również dziennik incydentów z histerezą, dzięki czemu usługa migocząca między stanami nie wyzwala 50 powiadomień.
Duch 19 000 żądań
Błąd parsowania w naszym potoku żądań spowodował wyciek licznika aktywnych żądań. Nieudane walidacje zwiększały licznik, ale nigdy go nie zmniejszały. Usługa proxy routing zgłaszała 19 390 "aktywnych" żądań. Rzeczywista liczba wynosiła około 20. Naprawiliśmy to, opakowując śledzenie żądań w odpowiednią obsługę błędów.
Infrastruktura
Nasz hurtownia danych analitycznych przeszła na nowe wydanie LTS z optymalizacją wydajności: 7-dniowy TTL dla tabel logów systemowych, zmniejszona liczba wątków w tle i większy zapas pamięci. Pamięć masowa proxy otrzymała ten sam zapas. Po stronie CI dodaliśmy grupy współbieżności, aby zapobiec warunkom wyścigu podczas wdrażania, gdy wiele przepływów pracy uruchamia się jednocześnie.
Jednak najbardziej przyszłościowa zmiana może być tą najmniejszą. Dodaliśmy plik llms.txt, aby asystenci AI mogli odczytać ustrukturyzowany opis tego, co robi FourA. Jest rok 2026. Rosnąca część programistów znajduje narzędzia za pomocą sztucznej inteligencji, a nie wyszukiwarek. Równie dobrze możemy to ułatwić.