Сделать сайт-директорию на Vue3/Nuxt3/JSON
У меня уже есть готовая сборка на Vue3/Nuxt3 от похожего небольшого каталога, и функционально она сделана по той же системе с JSON, надо разобраться в ней, допилить под требования и сверстать новые блоки по сути..
Сложности:
1) контент для каталога должен собираться из локального JSON файла (items.json) и применяться в шаблон /tools/[slug].vue, т.е. это по сути Static Site.
2) так же контент для страниц /guides/ - он берётся из локального JSON (content.json) и применяется в шаблон /guides/[slug].vue
Обновлять контент и пересобирать проект я буду сам.
Формат данных JSON для каталога:
{
"title":"Some tool 1",
"category":"Sales",
"slug":"some-tool-1",
"url":"https://sometool1.com",
"twitter":"https://twitter.com/sometool1",
"img":"/tools/some-tool-1.png", (локальная картинка)
"desc_short":"Lorem ipsumm dolor sit atmet",
"desc_full":"Lorem ipsumm dolor sit atmet Lorem ipsumm dolor sit atmet Lorem ipsumm dolor sit atmet",
"date_added":"23/05/2023"
}
Тезисно. что надо реализовать:
1) верстка и дизайн под десктоп\мобилки - 1в1 копия примера
2) главная - навигация, меню, поиск, блок с заголовком и параграфом текста и формой подписки (только вёрстка), каталог с фильтрами (отображаем последние 25 добавленных + фильтр), футер
3) фильтры каталога т.е. "category":"Sales" итп.
4) страница каталога /tools/ (отображаем все добавленные инстурменты по убывающей дате + фильтр) + внутренняя страница инструмента
5) раздел для статей /guides/ + внутренняя страница статьи
6) все нужные routes и страницы-шаблоны
7) все нужные meta теги (title, description, canonical etc.) для каждой страницы
На что буду обращать внимание при выборе исполнителя:
- опыт работы с Vue/Nuxt/Static Sites(SSR)
- примеры отличной вёрстки
Текущую сборку похожего каталога предоставлю в репо
Сроки - неделя с момента начала работ, оплата на карту после демонстрации полностью рабочего и готового проекта локально.
P.S. у меня есть и другие, рабочие, проекты - если всё сделаете быстро и в лучшем виде, дам больше задач (все будут по Vue/Nuxt).