Всем привет!
Выкладываю готовую систему для ведения списка обновлений (changelog), которую сделал для собственных нужд и теперь делюсь с комьюнити. Проект полностью рабочий и готов к использованию — устанавливай и пользуйся.
Как добавлять обновления:
Всё просто — редактируешь массив
initialUpdates в файле
app/page.tsx:
Код:
{
id: 4,
title: 'Название обновления',
description: 'Подробное описание изменений и улучшений',
category: 'feature',
date: new Date('2025-11-15'),
version: 'v2.1.1',
}
Доступные категории: 'feature' |
'fix' |
'improvement' |
'security'
Технологический стек:
•
Next.js 16 — современный React фреймворк с оптимизацией и встроенным роутингом
•
React 19 — последняя версия с улучшенной производительностью
•
TypeScript — строгая типизация для надёжности кода
•
Tailwind CSS v4 — современный utility-first CSS фреймворк
•
Модульная архитектура — система компонентов (header, card, footer)
•
Responsive дизайн — адаптация под мобильные и десктоп устройства
•
Local Storage — сохранение состояния в браузере пользователя
Особенности:
• Zero-build конфигурация
• Production-ready код
• Оптимизированная производительность (Lighthouse friendly)
• Современный дизайн по трендам 2025
• Легкая масштабируемость (в будущем можно добавить БД)
Запуск проекта:
1.
WIN + R → вводим
cmd
2.
cd путь_к_папке_с_сайтом
3.
npm install (если нет Node.js — скачиваем с официального сайта)
4.
npm run dev — проверяем что всё работает
5.
CTRL + C — останавливаем dev-сервер
6.
npm run build — собираем проект для продакшена
7.
Готовые файлы появятся в папке out — заливаем на хостинг и тестируем
Важно:
Я лично проверил — всё работает корректно. Если возникают проблемы — присылайте скриншоты, помогу разобраться. Найденные баги постараюсь оперативно исправить.
