В рамках лаборатоной работы потребовалось реализовать сайт визитку или портфолио, а поскольку мне есть, что показать и рассказать, выбор пал на небольшой сайт с блогом и списком моих проектов.
Разработка
В качестве основного фреймворка для сайта я выбрал Next.js, так как у меня довольно большой опыт разработки на React.js и на Next.js в частности, а так же Vercel - разработчик фреймворка Next.js предоставляют услуги бесплатного хостинга для статичных сайтов разработанных на их технологии.
Для ускорения работы и извабления себя от необходимости верстать, следующим этапом был выбров готового шаблона, и выбор пал на Nextfolio.
Шаблон мне понравился минималистичным дизайном, а так же поддержкой формата MDX для оформления статей в блоге. При генерации статичной версии сайта, он парсит MDX файлы и формирует из них готовые html страницы, что достаточно просто для автора статей, если у него есть опыт в оформлении MD файлов, например README.md.
Из самых крупных изменений, которые я внес в шаблон:
- Переработал шапку сайта, оставил только навигацию и теперь при открытии страницы, соответствующая ссылка стала подчеркиваться, для более удобной навигации по сайту.
- Переделан раздел проектов, для более подробного описания проектов, они теперь не просто ссылки на внешние ресурсы, а полноценные статьи, как и в блоге.
- Удален раздел фото, за ненадобностью.
- TBD
Финальный исходный код можно посмотреть на GitHub.