JOJO — шаблон React и NextJs для образовательных и онлайн-курсов.

JOJO – Шаблон Next.js для повышения квалификации и онлайн-курсов

JOJO — это современный, лаконичный и профессиональный шаблон Next.js, разработанный для сайтов образовательных учреждений и онлайн-курсов. Созданный с использованием передового технологического стека, включающего Next.js 16 и App Router , он предлагает высокопроизводительную, SEO-оптимизированную основу для вашего бизнеса. Шаблон полностью адаптивный, построен на Bootstrap 5 и имеет уникальную архитектуру, основанную на данных , которая позволяет обновлять контент сайта, просто редактируя специальные файлы данных, без изменения логики компонентов.

Демонстрации и страницы

• Главная страница
• О нас
• Услуги и сервисные центры (единый)
• Портфолио (с фильтрацией и страницей с подробной информацией)
• Блог (объявления и отдельные объявления)
• Таблицы цен
• Часто задаваемые вопросы
• Информация о команде и ее членах
• Страница контактов с формой обратной связи и картой.
• И многое другое...

Основные характеристики

• Современный технологический стек: создан с использованием Next.js 16 , React 19 и App Router для серверного рендеринга, высочайшей производительности и превосходного опыта для разработчиков.
• Оптимизация для SEO: Использует возможности Next.js для превосходной видимости в поисковых системах сразу после установки.
• Компилятор React включен: экспериментальный компилятор React включен по умолчанию для автоматической оптимизации компонентов.
• Компонентная архитектура: чистые, многократно используемые и легко настраиваемые серверные компоненты React.
• Контент, управляемый данными: Легко обновляйте контент для таких разделов, как слайдеры, отзывы, члены команды и многое другое, редактируя простые объекты JavaScript в каталоге /src/data.
• Мощная маршрутизация: использует маршрутизатор приложений Next.js с маршрутизацией на основе файловой системы и поддержкой расширенных макетов с помощью групп маршрутов.
• Готовая к использованию на стороне клиента форма обратной связи: включает форму обратной связи с полной проверкой данных на стороне клиента. Все, что вам нужно сделать, это подключить ее к предпочитаемому вами бэкэнд-сервису, чтобы начать получать сообщения!
• Параметры светлой и темной темы
• Включены CSS-файлы с написанием справа налево (RTL).
• Без зависимости от jQuery: чистая, современная реализация на React.
• Оптимизированные ресурсы: Включает встроенную оптимизацию изображений и шрифтов с помощью команд next/image и next/font.
• Богатая библиотека компонентов:
• Swiper для React: Мощные и удобные для сенсорного управления слайдеры.
• Bootstrap 5: Надежные и доступные компоненты пользовательского интерфейса и система сеток.
• AOS (Animate on Scroll): Захватывающие анимации при прокрутке.
• React CountUp: Анимированные счетчики чисел.
• Ещё один лайтбокс на React: красивые и современные галереи изображений и видео.
• Полностью адаптивный дизайн
• Совместимость со всеми современными браузерами
• Чистый, хорошо прокомментированный и организованный исходный код
• Подробная документация прилагается.

В загруженный пакет входят:

• Полный исходный код проекта Next.js
• Документация

Источники и благодарности

• Next.js и React
• Bootstrap 5
• Свайпер
• AOS (Анимация при прокрутке)
• React CountUp
• Ещё один лайтбокс React
• Иконки React
• Google Fonts
• Изображения, использованные в демонстрации, взяты из таких источников, как Freepik, Unsplash, Pexels, и предназначены только для демонстрационных целей .

Поддерживать

Если вам нужна помощь, пожалуйста, создайте заявку в службу поддержки. Обычно мы отвечаем в течение 1 рабочего дня .