Всем привет!
Выкладываю готовую систему для ведения списка обновлений (changelog), которую сделал для собственных нужд и теперь делюсь с комьюнити. Проект полностью рабочий и готов к использованию — устанавливай и пользуйся.
Как добавлять обновления:
Всё просто — редактируешь массив
Доступные категории:
Технологический стек:
• 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 → вводим
2. cd путь_к_папке_с_сайтом
3. npm install (если нет Node.js — скачиваем с официального сайта)
4. npm run dev — проверяем что всё работает
5. CTRL + C — останавливаем dev-сервер
6. npm run build — собираем проект для продакшена
7. Готовые файлы появятся в папке
Важно:
Я лично проверил — всё работает корректно. Если возникают проблемы — присылайте скриншоты, помогу разобраться. Найденные баги постараюсь оперативно исправить.
Выкладываю готовую систему для ведения списка обновлений (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 → вводим
cmd2. cd путь_к_папке_с_сайтом
3. npm install (если нет Node.js — скачиваем с официального сайта)
4. npm run dev — проверяем что всё работает
5. CTRL + C — останавливаем dev-сервер
6. npm run build — собираем проект для продакшена
7. Готовые файлы появятся в папке
out — заливаем на хостинг и тестируемВажно:
Я лично проверил — всё работает корректно. Если возникают проблемы — присылайте скриншоты, помогу разобраться. Найденные баги постараюсь оперативно исправить.
