Оглавление
- Тема WP Themelia на Next.js 13 (App Router, SSR) + WordPress Headless CMS;
- PWA: Тема WP Themelia на React + WordPress как Headless CMS;
- Рабочий макет для работы с визитками в векторе (SVG + PDF);
- Курсовой проект ‘Dashboard’;
- Флаги международного свода сигналов;
- Фильтр на сайте bpauto.ru;
- Авторазборка в Санкт-Петербурге (Сайт);
- Помощь в миграционных вопросах (Тест идеи).
Тема WP Themelia на Next.js 13 (App Router, SSR) + WordPress Headless CMS
- Рабочий макет на примере нашего сайта: http://wp-themelia-nextjs.consultapp.ru/;
- Репозиторий: https://github.com/consultapp/wp-themelia-nextjs-app-router;
Переработка темы WordPress с PHP на Next.js/React (Next13: Server Side Rendering и App Router) для использования WP, как Headless CMS.
Оценка PageSpeed Insights:
Технологии/Пакеты:
- React
- Next.js (App Router, SSR)
- REST API WordPress
- Themelia WordPress Theme
PWA: Тема WP Themelia на React + WordPress как Headless CMS
- PWA приложение на базе нашего сайта: https://wp-themelia-vitejs.vercel.app/;
- Репозиторий: https://github.com/consultapp/wp-themelia-vitejs;
Переработка темы WordPress с PHP на Vite.js/React для использования WP, как Headless CMS. Без SSR. Использован Redux для хранения ранее загруженной информации для избежания повторных обращений к серверу.
Технологии/Пакеты:
- React
- Vite.js
- Redux
- Redux/Toolkit
- REST API WordPress
- Themelia WordPress Theme
- PWA (Progressive Web Application)
Рабочий макет для работы с визитками в векторе (SVG + PDF)


Технологии/Пакеты:
Курсовой проект ‘Dashboard’


https://dashboard.consultapp.ru
Технологии/Пакеты:
- Чистый JavaScript
Флаги международного свода сигналов

Технологии:
Проект был написан с целью быстрого изучения флагов международного свода сигналов, тк изучение по методике «Cмотрю на листочке — повторяю» ломает логику использования флажной системы.
Мы должны не запоминать последовательность букв или расположение на лиcте, а создать четкую привязку «Флаг -> Понимание», без лишней информации и вычислению смысла по судорожному перебору всего списка.
Лучше всего эту задачу на мой взгляд решает карточный подход, что и было реализовано в проекте.
Фильтр на сайте bpauto.ru

Технологии/Пакеты:
Авторазборка в Санкт-Петербурге (Сайт)

Технологии:
- React
- Next
- SWR
- Material-UI
- PHP
Помощь в миграционных вопросах (Тест идеи)

Технологии:
- React
- Next
- Axios
- Material-UI