Strapi + NextJS Створити блог
20 000 UAH
Розробити Блог + система реєстрація користувачів на сайті
Є Сайт на Strapi + NextJS фронтенд. Потрібно розширити існуючий функціонал наступними модулями: Реєстрація користувачів + Блог ( Можете переглянути додані зображення, щоб швидко уявити, що необхідно реалізувати, щоб не читати довгий текст)
Студії будь ласка не турбувати. Проект для мідл розробника, який бажає неспішно поповнити портфоліо. Проект не на 300 Дол, але і не за всі гроші Світу. НЕ терміновий, можна і 6 місяців робити за безпечною угодою.
Реєстрація користувачів:
Авторизацію користувачів реалізувати через UUIDv7 Візуальна Форма реєстрації користувача / входу користувача / відновлення пароля зробити як на цьому прикладі https://colorlib.com/etc/lf/Login_v6/index.html Щоб можна було в адмінці залогіненого користувача на сайті змінювати фото аватара / відображене ім'я / пароль ( візуальний дизайн адмінки для залогіненого юзера на ваш смак). На сторінці вгорі справа під лупою пошуку, пишеться Вхід або ім'я користувача, якщо він залогінений ( рис. 1) При реєстрації щоб користувач вводив. ІМ'Я / Email / Пароль. І розв'язував капчу як у формі зворотнього зв'язку. (рис. 2). Після натискання кнопки ЗАРЕЄСТРУВАТИСЯ, щоб йому відображалося повідомлення, що потрібно активувати профіль за посиланням, яке прийшло на пошту ( на сайті вже працює форма зворотнього зв'язку через гугл пошту, використовувати цей функціонал для відправки пошти). Текст спливаючого вікна: Дякуємо за реєстрацію. Будь ласка активуйте профіль за посиланням, відправленим вам на e-mail ( візуальна Форма спливаючого вікна така ж як після відправки листа через форму зворотнього зв'язку на сторінці в контактах) На пошту приходить лист
Тема листа: Активація акаунта на сайті t-h-logistics.com
Тест листа:
Привіт,
Для активації вашого профілю, будь ласка перейдіть за посиланням:
hhttps://t-h-logistics.com/і якась складна унікальна посилання
Якщо Ви не реєструвалися на сайті t-h-logistics.com, будь ласка видаліть цей лист.
З повагою,
Транс-Хоуп
+++++++++++++++++++++
Після переходу за посиланням – користувач може логінитися.
+++++++++++++++++++++
Користувачі боти – Реалізувати в адмінці страпі можливість створення нових користувачів без підтвердження поштою, одразу створюється користувач за «типом» БОТ і щоб було видно в адмінці страпі що користувач Маша це БОТ. Щоб можна було на одному email з одним і тим же паролем створити користувача Маша /Даша / Паша і потім від їх імені публікувати коментарі в Блозі через адмінку Страпі. Якщо живий користувач відповів на коментар Бота щоб на пошту користувача Бота приходило сповіщення – як і для живого користувача ( питання коментарів в Блозі прописано нижче)
БЛОГ:
Реалізувати в Strapi сутність Документа - БЛОГ і в цій сутності створювати записи, які будуть постами в Блозі
Головна сторінка блогу, зі списком всіх постів реалізувати як на (рис. 3)
При створенні поста я можу відзначити пост як популярний ( наприклад буде 20 постів позначених як ПОПУЛЯРНИЙ з 20 популярних постів випадково при завантаженні сторінки щоб вибувало збоку справа 5 шт. в розділі Найбільш обговорюване)
Сторінка поста БЛОГУ ( Рис. 4)
Все як на фото ( Рис. 4) зробити
Примітка. Реалізувати в Strapi ( якщо можливо), щоб заходячи в Strapi в конкретний пост, щоб можна було бачити всі коментарі по цьому посту і щоб можна було видаляти коментарі і банити користувача, що залишив коментар прямо з поста в Strapi
Коментарі на сторінці поста
Все як на фото ( Рис. 4 ) зробити
Примітки по коментарям:
Якщо користувач не авторизований , то у нього під постом, віконечко для коменту і кнопка- Опублікувати. Після того як він напише комент і натисне ОПУБЛІКУВАТИ, унього спливає вікно авторизації( Зробити так щоб комент не зник, поки він буде. Реєструватися або авторизуватися)
Якщо користувач авторизований, то все точно так само, тільки одразу публікується комент.
Якщо користувачу хтось відповів на його коментар, то на пошту приходить лист
Тема листа: Ви отримали відповідь на Ваш коментар на сайті t-h-logistics.com
Текст листа:
Привіт,
Ви отримали відповідь на ваш коментар на сторінці:
https://t-h-logistics.com/і адреса поста
З повагою
Транс-Хоуп
++++++
При реєстрації користувача, у нього в адмінці , там де аватар, за замовчуванням відмічена галочка в полі: Отримувати на e-mail, сповіщення про нові відповіді на мої коментарі.
Якщо користувач потім зніме в своїй адмінці галочку то йому не будуть приходити сповіщення про відповіді на його коментарі.
Примітка. В Strapi створити сутність «Коментарі Блог» і щоб для кожного опублікованого комента на сайті в Блозі, створювався окремий документ з текстом комента і щоб в цьому документі був вказаний користувач, що опублікував комент і його ip ( і можливість перейти в Strapi в цього користувача і заблокувати його) і була посилання на пост в Блозі. ( щоб було видно до якого посту відноситься коментар і щоб можна було перейти зі страпи в Пост блога в Страпі)
Сайт мульти мовний, це вже реалізовано, тобто один і той же пост буде на двох мовах. відмінність в шляху https://t-h-logistics.com/ua/post1 and https://t-h-logistics.com/ru/post1 Але коментарі однакові для двох мов. тобто коментар залишений під укр версією поста видно і в рос версії поста і навпаки.
Будь ласка пропонуйте терміни і вартість
СПС
Додатки 4
Відгук замовника про співпрацю з Іваном Калиничем
Strapi + NextJS Створити блогДякую Івану, все було виконано якісно і в строк. Рекомендую!
Відгук фрилансера про співпрацю з Махом Коротковим
Strapi + NextJS Створити блогБуло приємно співпрацювати, рекомендую
-
22 дні11 111 UAH
640 13 1 1 22 дні11 111 UAH
Привіт
Маю великий досвід роботи з Next.js і його "екосистемою"
Також був проект з інтеграцією Strapi
Можу реалізувати авторизацію, описану вами (логіка зрозуміла)
Налаштування роутингу i18n для відображення обраної мови в URL
Всі інші пункти стандартні, тому проблем не викличуть
Пишіть, буду радий поспілкуватися більш детально про ваш проект, хотів би подивитися на сам проект, на архітектуру, як використовується SSR, структура даних в Strapi і тд
… Обговоримо строки, принцип роботи (поетапно або проектно) і вартість (у ставці пишу довільну)
-
Переможець30 днів20 000 UAH
12618 63 1 Переможець30 днів20 000 UAH
Добрий день, ТЗ прочитав! Все зрозуміло
Є досвід з Strapi та next.js
Работаю по безопасной сделке
Для понимания на якому етапі робота використовую notion
По строкам можу сказати +- 5-6 неділь
Ціна 500$
… Мої роботи можете подивитися в портфоліо
Буду радий з вами працювати
-
1 день1000 UAH
95862 1272 1 10 1 день1000 UAH
Привіт. Є великий досвід з Next.js. Готовий до співпраці.
-
21 день16 000 UAH
234 21 день16 000 UAH
Максим, вітаю!
Мене зацікавив Ваш проект. Маю великий досвід (понад рік) у Next.js, а також працював з Strapi.
Ставлю 21 день, опираючись на те, що проект не терміновий, але можна зробити і швидше, якщо раптом буде потрібно.
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Підтримка та розвиток сайту клінінгової компанії
919 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 1 день 16 годин тому ∙ 59 ставок |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 2 дні 18 годин тому ∙ 27 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 4 дні 8 годин тому ∙ 32 ставки |
Розробка платформи AM Mobility (автосервіс, парковка, страхування, оренда автомобілів)
259 653 UAH
Шукаємо команду або досвідченого Full Stack розробника для створення MVP платформи AM Mobility. AM Mobility — це єдина цифрова екосистема для автомобілістів, що об'єднує в одному додатку та веб-платформі: парковку; автосервіс; шиномонтаж; автомийку; оренду автомобілів;… Javascript та Typescript, Веб-програмування ∙ 9 днів 15 годин тому ∙ 119 ставок |
Gsap анімації
1000 UAH
Доброго дня. Треба внести правки в поточному проєкті. Потрібен фахівець, який добре працює на gsap/lenis Треба зробити анімацію карточок. Детально ТЗ тут: https://www.figma.com/design/5bLEJudN5LPpB9ZSoJa2Eb/Untitled?m=auto&t=qwyluUctL1lrMNvh-6 Треба проявити креатив та… Javascript та Typescript, Веб-програмування ∙ 9 днів 20 годин тому ∙ 21 ставка |
Київ