SEO-сайт: Figma → Next.js | TS | TailwindCSS

Огляд проєкту

Сайт клініки, яка підтримує людей із ментальними труднощами. Дві частини: публічний сайт і адмінка, де клієнт керує контентом.

Технології

Сайт: Next.js, TypeScript, Material UI, REST API

Адмінка: React, TypeScript, Firebase (авторизація), Material UI, REST API

Етапи розробки

1. Лендінг (3+ тижні):

Зібрав лендінг за макетами на Next.js і Material UI.

Мультимовність, яку можна вмикати з адмінки.

Google Analytics 4.

Форма через FormSpree.

Швидкість і кросбраузерність.

2. Адмінка (3+ тижні):

Авторизація через Firebase.

Керування контентом:

Додавання, редагування й видалення блогів, лікарів, зображень і текстів.

Мультимовний контент і перемикання мов.

REST API між адмінкою і сайтом.

Інтерфейс на Material UI.

3. Тести і підтримка:

Перевірив сценарії, щоб досвід був рівним.

Після запуску закривав запити клієнта на оновлення.

Результат

Багатомовний сайт клініки з адмінкою: клієнт сам оновлює контент, новини, мови й дивиться аналітику без розробника.