Loading...

01/04

Site

Sadovnikov

Sadovnikov - персональный сайт-портфолио. Его главной задачей является возможность показать свой опыт, стэк и проекты потенциальному работодателю. Также, Sadovnikov стал большим учебным проектом, на котором я изучил современную архитектуру full-stack приложений

STACK

TypeScript

Redux Toolkit

NextJS

SASS

React

Caddy

КЛЮЧЕВЫЕ ФУНКЦИИ

Медиа и файлы

Загрузка и управление изображениями прямо из административной панели с хранением файлов на собственном сервере.

Административная панель

Собственная CMS для управления проектами, описаниями, технологиями, метриками, ключевыми функциями и другим контентом без прямого редактирования кода

Full-stack инфраструктура

Next.js, PostgreSQL, Prisma и Docker Compose работают как единая система, а Caddy обеспечивает HTTPS и маршрутизацию production-трафика. CI/CD

Редактор контента

Rich-text редактор с визуальным и HTML-режимом, поддержкой форматирования, ссылок, изображений и inline-стилей.

Локализация

Русская и английская версии интерфейса и контента с независимым редактированием переводов для каждого проекта.

Self-hosted аналитика

Интеграция Umami для собственной аналитики посещений и поведения пользователей без рекламных трекеров.

01 / 06

ОПИСАНИЕ

ПРОЕКТ

Sadovnikov — это моё личное портфолио и одновременно full-stack проект, в котором я собрал свою CMS, публичную часть сайта, локализацию, аналитику, медиа-хранилище и production-инфраструктуру.

Мне было важно не просто сверстать статичное портфолио, а сделать инструмент, которым я сам буду пользоваться для добавления проектов, метрик, медиа и больших case study.

Next.js TypeScript PostgreSQL Prisma Docker Caddy

Показатели

Производительность

Скорость и производительность

90/100

Время загрузки

Среднее время загрузки

1.4 s

Доступность

Lighehouse, A11y

93/100

SEO

Поисковая оптимизация

100/100

ЭВОЛЮЦИЯ

Листайте историю проекта

0110

Февраль 2026 г.

Начальный Коммит

Первый коммит инициализирует репозиторий базовыми файлами и структурой.

Февраль 2026 г.

Реализация Базовых Секций

Реализованы базовые секции, такие как Header, Preview, Skills и My Stack.

Февраль 2026 г.

Улучшения Пользовательского Интерфейса

Добавлены интерактивные элементы, такие как эффекты наведения, анимации и улучшения адаптивного дизайна.

Апрель 2026 г.

Переход на Next.js

Осуществлён переход приложения на Next.js для повышения производительности и лучшего управления маршрутизацией.

Май 2026 г.

Завершение Адаптивного Дизайна

Завершено адаптирование всех секций для различных экранов, включая мобильные устройства, планшеты и десктопы.

Июнь 2026 г.

Интеграция Бэкенда

Интегрирована функциональность базы данных с использованием ORM Prisma и реализована логика бэкенда для динамического извлечения данных.

Июль 2026 г.

Система Авторизации

Реализована система аутентификации и авторизации пользователей с защищенными маршрутами и проверкой данных.

Июль 2026 г.

Поддержка Локализации

Добавлена поддержка нескольких языков, включая полную русскую локализацию.

Август 2026 г.

Настройка Тестовой Инфраструктуры

Настроены тестовые фреймворки и написаны комплексные тесты, охватывающие различные аспекты приложения.

Сентябрь 2026 г.

Улучшения Дизайна

Произведён редизайн нескольких секций и введён богатый текстовый редактор для более гибкого создания контента.