Технічні деталі проекту

Особистий веб-сайт. Невиправдано складний проект для демонстрації деяких речей, які я роблю.

Вимоги

• Швидкий і легкий: високий рейтинг за бенчмарком Lighthouse
• Автоматична темна / світла тема
• Адаптивний дизайн, має добре виглядати на всіх екранах ПК/планшетів/мобільних пристроїв
• SEO: статика / SSG для всього вмісту та тексту, усі необхідні мета-теги, JSON-LD, OpenGraph, robots.txt, sitemap.xml тощо
• i18n, переклад англійською та українською, автоматичне визначення локалі та перенаправлення з кореневого маршруту
• Доступність (accessibility) важлива
• Інформативність
• Гарний вигляд
• Відкритий код
• CSS для друку сторінок, генерація резюме у форматі PDF із локальних даних
• Аналітика
• (кілька інших запланованих функцій для додавання)

Технічний стек

Створено на базі фреймворку Next.js (App Router, Middleware для визначення локалі i18n, Metadata API, SSG, error handling), NextUI (зараз на основі Tailwind CSS), SVG піктограми Font Awesome.

TypeScript для безпеки типів. Turborepo як система збірки Monorepo. Format + lint з Biome.js. Хмарний хостинг Vercel, авто-деплой з GitHub. Багато інструментів з відкритим кодом використовується під капотом.