Strapi + NextJS Create a blog
446 USD Develop Blog + user registration system on the website
There is a website on Strapi + NextJS frontend. It is necessary to expand the existing functionality with the following modules: User registration + Blog (You can view the attached images to quickly estimate what needs to be implemented, so as not to read the entire text)
Studios, please do not disturb. The project is for a mid-level developer who wishes to gradually expand their portfolio. The project is not for 300 USD, but not for all the money in the world. It is not urgent, it can be done over 6 months through a secure transaction.
User registration:
Implement user authorization through UUIDv7. Create a visual user registration / login / password recovery form as shown in this example https://colorlib.com/etc/lf/Login_v6/index.html. Allow the logged-in user to change their avatar photo / displayed name / password in the admin panel (visual design of the admin panel for the logged-in user is up to you). On the top right of the page, next to the search magnifying glass, it should display "Login" or the user's name if they are logged in (see image 1). During registration, the user should enter: Name / Email / Password. They should also solve a captcha like in the feedback form (image 2). After clicking the "REGISTER" button, they should see a message instructing them to activate their profile via the link sent to their email (the website already has a feedback form that uses Google mail for sending emails, utilize this functionality for sending emails). The text of the popup window should be: "Thank you for registering. Please activate your profile by clicking on the link sent to your email (the visual design of the popup window should be the same as after sending an email through the feedback form on the contacts page)." An email is sent with the subject: "Account activation on the website t-h-logistics.com" and the email text instructs the user to activate their profile by clicking on a unique link.
After clicking the link, the user can log in.
Bot users - Implement in the Strapi admin the ability to create new users without email confirmation, immediately creating a user as a "BOT type" and visibly marking in the Strapi admin that the user "Masha" is a BOT. This allows creating users "Masha / Dasha / Pasha" with the same email and password, and then posting comments on the blog on their behalf through the Strapi admin. If a real user replies to a bot's comment, a notification email should be sent to the bot user's email, similar to a real user (details on blog comments below).
Blog:
Implement a Document entity in Strapi - BLOG, and create posts within this entity that will serve as blog posts.
Implement the blog's main page with a list of all posts as shown in (image 3).
When creating a post, I can mark it as popular (for example, out of 20 posts marked as POPULAR, randomly display 5 on the right side of the page under "Most Discussed").
Blog post page (image 4).
Design everything as shown in the photo (image 4).
Note: Implement in Strapi (if possible) the ability to view all comments on a specific post, delete comments, and ban users directly from the post in Strapi.
Comments on the post page.
Design everything as shown in the photo (image 4).
Comments notes:
If the user is not logged in, they will see a comment box under the post and a "Publish" button. After writing a comment and clicking "PUBLISH," an authentication window will pop up (ensure the comment is not lost while registering or logging in). If the user is logged in, the comment will be posted immediately.
If someone replies to a user's comment, an email notification will be sent to the user.
The email subject will be: "You have received a reply to your comment on the website t-h-logistics.com."
Email text:
Greetings,
You have received a reply to your comment on the page:
https://t-h-logistics.com/and post address
Best regards,
Trans-Hope
When registering a user, by default, in their admin panel where the avatar is located, there is a checkbox marked "Receive email notifications about new replies to my comments."
If the user later unchecks this option in their admin panel, they will no longer receive notifications about replies to their comments.
Note: Create a "Blog Comments" entity in Strapi so that for each posted comment on the website, a separate document is created with the comment text, the user who posted the comment, their IP address (with the ability to block the user directly from Strapi), and a link to the blog post (to identify which post the comment belongs to and to navigate from Strapi to the blog post in Strapi).
The website is multilingual, this is already implemented, meaning the same post will be available in two languages. The difference is in the path https://t-h-logistics.com/ua/post1 and https://t-h-logistics.com/ru/post1. However, comments are the same for both languages, meaning a comment left under the Ukrainian version of the post will be visible in the Russian version and vice versa.
Please provide deadlines and costs.
Thank you.
Applications 4
Client's review of cooperation with Ivan Kalinich
Strapi + NextJS Create a blogThank you Ivan, everything was done with quality and on time. I recommend!
Freelancer's review of cooperation with Max Korotkov
Strapi + NextJS Create a blogIt was nice working with you, I recommend
-
22 days248 USD
640 13 1 1 22 days248 USD
Hello,
I have extensive experience working with Next.js and its "ecosystem". There was also a project involving integration with Strapi.
I can implement the authorization as described by you (the logic is clear). Setting up i18n routing to display the selected language in the URL. All other points are standard, so they should not cause any issues.
Please write, I will be happy to discuss more details about your project. I would like to see the project itself, the architecture, how SSR is used, the data structure in Strapi, etc. Let's discuss deadlines, working principles (step by step or project-based), and cost (I write an arbitrary amount in the bid).
-
Winning proposal30 days446 USD
12618 63 1 Winning proposal30 days446 USD
Good day, I have read the project brief! Everything is clear.
I have experience with Strapi and next.js.
I work on a secure transaction basis.
To understand at which stage the work is, I use notion.
I can say approximately 5-6 weeks for the timeline.
Price is $500.
… You can view my work in the portfolio.
I will be happy to work with you.
-
1 day22 USD
95862 1272 1 10 1 day22 USD
Hello. I have a lot of experience with Next.js. Ready for long-term cooperation.
-
21 days357 USD
234 21 days357 USD
Maxim, hello!
I am interested in your project. I have extensive experience (over a year) in Next.js, and also worked with Strapi.
I estimate 21 days, based on the fact that the project is not urgent, but it can be done faster if necessary.
Current freelance projects in the category Javascript and Typescript
Support and development of the cleaning company's website
21 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 1 day 18 hours back ∙ 59 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 2 days 19 hours back ∙ 27 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 4 days 10 hours back ∙ 32 proposals |
Development of the AM Mobility platform (car service, parking, insurance, car rental)
5794 USD
We are looking for a team or an experienced Full Stack developer to create the MVP of the AM Mobility platform. AM Mobility is a unified digital ecosystem for motorists, combining in one application and web platform: parking; car service; tire fitting; car wash; car rental;… Javascript and Typescript, Web Programming ∙ 9 days 16 hours back ∙ 119 proposals |
Gsap animations
22 USD
Good day. Corrections need to be made in the current project. A specialist is needed who works well with gsap/lenis. Animation of cards needs to be done. Detailed specifications here:… Javascript and Typescript, Web Programming ∙ 9 days 22 hours back ∙ 21 proposals |
Kyiv