Tessel Studio

Навіщо ми це зробили

Більшість студій ставлять Webflow чи Framer і вважають справу зробленою. Ми хотіли не брошуру — ми хотіли робочий продукт, який доводить, що ми вміємо доставляти те, що продаємо. Сайт, на якому ви це читаєте — і є цей продукт. Це наше портфоліо, наш бекофіс і наш полігон для кожної техніки, що потім іде в клієнтські проєкти.

Якщо технологічний вибір не виживає в ролі нашого щоденного інструмента — він не потрапляє в клієнтський estimate.

Що всередині

Публічна частина — тримовний маркетинговий сайт (EN / UK / SV) з hero-сценою: за замовчуванням нічний міський силует з живим редактором коду, який сам себе друкує; при перемиканні на світлу тему — денне небо з хмарами, що дрейфують. Нижче: про нас, обрані проєкти, послуги з цінами, гарантії, етапи оплати, FAQ, контакти, відгуки. Усе під next-intl з префіксованими локалями, локалізованим SEO і OpenGraph-картинками, що генеруються на льоту під кожну мову.

Портфоліо читається з MDX-файлів у src/content/projects/ — один файл на проєкт на локаль, з валідованим frontmatter (gray-matter) і рендером через next-mdx-remote. Додати новий кейс — це PR з трьома .mdx-файлами. Кейс, який ви зараз читаєте, лежить у src/content/projects/tessel.uk.mdx.

Бекофіс — те, що робить цей сайт більшим за просту брошуру. За авторизацією є два окремі робочі простори:

• Клієнтський дашборд — залогінений клієнт бачить проєкти, які ми для нього робимо, завантажує брифи, скачує deliverables, спілкується з нами в чаті, отримує сповіщення про зміни статусу.
• Адмінський дашборд — overview зі статистикою, керування проєктами з upload-ом файлів у Vercel Blob, інбокс контактних заявок, керування користувачами зі зміною ролей, audit log кожної адмінської дії, редактори FAQ і відгуків, налаштування сайту, і список усіх клієнтських розмов у чаті.

Аутентифікація — better-auth з паролем і Google OAuth, плюс підтвердження email, скидання пароля, підтвердження зміни email і видалення акаунта через посилання в листі. Flow видалення видає одноразовий токен, шле підтвердження на пошту і реально видаляє юзера тільки коли той клікнув — без сюрпризів.