Nexus, Laman Web Ini
Laman peribadi berbilang bahasa dengan pembantu AI yang tidak pernah terhenti, dibina di atas peringkat percuma dengan pemaparan statik terlebih dahulu.
- Peranan
- Design & engineering
- Tempoh
- 2026
- Stack
- Next.js 16 · TypeScript · Tailwind CSS v4 · AI SDK · Orama
Masalahnya
Laman peribadi perlu melakukan tiga perkara serentak: menunjukkan hasil kerja, mendapat kedudukan dalam carian dan menukar pelawat yang ingin tahu kepada satu perbualan. Ia juga perlu percuma untuk dijalankan, menggunakan bahasa orang yang bekerja dengan saya, dan tetap terasa dihasilkan dengan teliti.
Pendekatannya
- Statik terlebih dahulu. Setiap halaman dipapar terlebih dahulu untuk setiap bahasa dan disajikan daripada CDN. Hanya pembantu AI, borang hubungan dan papan pemuka yang berjalan atas permintaan.
- Lapan belas bahasa, satu sumber kebenaran. Teks antara muka berada dalam satu fail JSON bagi setiap bahasa. Profil dan perkhidmatan ialah kandungan TypeScript bertaip dengan medan bagi setiap bahasa, manakala artikel panjang kembali kepada bahasa Inggeris dengan makluman yang jujur, bukan terjemahan mesin.
- Pembantu yang tidak boleh terhenti. Jawapan datang daripada kandungan laman itu sendiri. Apabila satu penyedia AI percuma terkena had kadar, penyedia seterusnya mengambil alih, dan apabila tiada yang tersedia, pangkalan pengetahuan tempatan menjawab daripada templat dalam bahasa pelawat.
- Peningkatan progresif. Animasi, carian dan terminal menambah baik HTML yang dipapar di pelayan melalui satu pulau klien yang sangat kecil; tanpa JavaScript, semua kandungan masih ada.
Hasilnya
Laman ini pantas pada telefon pertengahan, menyokong bahasa Arab dari kanan ke kiri, dan hanya kos nama domain. Pembantu menjawab dalam setiap bahasa yang disokong, walaupun tanpa sebarang kunci API.
Yang akan saya lakukan secara berbeza
Mulakan dengan model kandungan. Kebanyakan keputusan sukar (apa yang diterjemah, apa yang kembali ke bahasa Inggeris, apa yang boleh dikatakan oleh AI) ialah keputusan kandungan, bukan keputusan kod.