Development of a web application based on Headless WordPress using Next.js and WPGraphQL
We are looking for a developer to help implement a web application based on Headless WordPress using Next.js and WPGraphQL. The project involves working with content — creating features for views, likes, comments, and sharing.
The product is designed for editors and marketers who will manage the content, as well as for regular users who need a convenient way to interact with the materials.
The successful outcome includes:
implemented and working functionality,
clean, understandable code,
meeting deadlines.
Technical stack of the project:
Core:
- Next.js (App Router)
- React 18+
- TypeScript
- WPGraphQL
- WordPress REST API
State Management & Data Fetching:
- tanstack/react-query
- Zustand
API Integration:
- WPGraphQL for main interaction with WordPress
- WordPress REST API for specific endpoints
- Gravity Forms API for working with forms
Styling:
- SCSS (modular structure: base, components, layouts)
Additional technologies:
- DOMPurify
- html-react-parser
- crypto-js
Requirements:
Mandatory skills:
- Experience with Next.js App Router
- Deep knowledge of GraphQL and WPGraphQL
- Experience working with WordPress as a Headless CMS
- Experience with React Query and Zustand
- Knowledge of TypeScript for developing typed API interfaces
Technical competencies:
- Experience with WordPress REST API and WPGraphQL
- Understanding of caching principles and data revalidation
- Experience optimizing Next.js application performance
- Knowledge of security principles when working with APIs
- Experience with authentication and authorization systems
Responsibilities include:
- Developing and optimizing GraphQL queries
- Integrating with WordPress via WPGraphQL
- Developing caching and data revalidation systems
- Optimizing application performance
- Developing typed API interfaces
- Integrating with Gravity Forms
- Developing analytics and statistics systems
- Building pages according to Figma designs with responsiveness and cross-browser compatibility
-
318 11 1 2 Привіт 🙋 Готов взятися за реалізацію цього проєкту маю практичний досвід роботи з Headless WordPress, Next.js (App Router), WPGraphQL, React Query, Zustand та іншими компонентами вашого стеку. Завдання повністю зрозуміле: реалізувати фронтенд-додаток на Next.js із інтеграцією WordPress через WPGraphQL, реалізувати систему лайків, переглядів, коментарів і шерінгу, а також забезпечити зручну роботу для редакторів і звичайних користувачів.
Оцінка строків реалізації (приблизно):
• Проєктування архітектури, підключення GraphQL, налаштування CMS, базова верстка сторінок — 1 тиждень
• Реалізація переглядів, лайків, коментарів, шерінгу, кешування та ревалідації — 1,5 тижня
• Інтеграція з Gravity Forms, реалізація авторизації (якщо потрібна), системи статистики — 1 тиждень
• Тестування, адаптив, оптимізація, деплой — 0,5 тижня
Разом: 4 тижні (20 робочих днів)
… Бюджет:
Залежно від деталей, очікуваний бюджет у діапазоні від $2800 до $3500. Остаточна вартість залежить від глибини функціоналу коментарів (наприклад, threaded replies, модерація), складності статистики, ролей користувачів і потреби в кастомній авторизації.
Готовий дотримуватись дедлайнів, вести комунікацію в Slack або Trello, писати чистий типізований код, підтримувати стандарт модульної SCSS-архітектури й оформити зручну структуру компонентів. Також можу підготувати базову документацію для команди редакторів/маркетологів.
-
12912 67 0 Hello! I will complete your task quickly and efficiently. There is an example of my work with WordPress REST API, WPGraphQL, and Next.js in my portfolio.
My portfolio: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Write to me, I will start working today. I look forward to cooperating with you!
-
411 6 1 Ready to undertake the development of a web application based on Headless WordPress using Next.js and WPGraphQL. I have experience working with these technologies. I will provide a detailed proposal with technical solutions and a schedule after clarifying the project details.
-
96232 1273 1 10 Hello. I have extensive experience with Next.js. Can I see the technical specifications and design?
-
198 Good afternoon, our team of programmers wants to take on your project, we will do everything turnkey, design according to your requests, we can have a call at any moment.
Current freelance projects in the category Web Programming
Basketball Coaching Education Platform + Custom CMSBasketball Coaching Education Platform + Custom CMSProject Overview We are looking for an experienced web development team or full-stack developer to build a modern basketball coaching education platform. The website will provide basketball coaches with access to educational… Databases & SQL, Web Programming ∙ 6 hours 41 minutes back ∙ 27 proposals |
I am looking for a programmer for OpenCart.Good day 1) It is necessary to implement on the website dneprkomfort.dp.ua A module for Ukrainian banks has been purchased, and we have already integrated Mono Bank Here is an example from our competitor It is necessary to implement installment payments, purchase in parts… Web Programming, Data Parsing ∙ 7 hours 58 minutes back ∙ 19 proposals |
Multiregionality on Laravel
111 USD
What is required: Implement a GEO-structure (Country -> Region -> City) as a custom plugin, so as not to modify the CMS core. For each such GEO-page in the admin panel, there should be standard fields: H1, Title, Description, and a field for SEO text. Frontend (city selection… Web Programming ∙ 11 hours 19 minutes back ∙ 38 proposals |
Add a scrolling marquee to the header of the website
16 USD
https://crazybox.com.ua/uk?srsltid=AfmBOopQRUXCCmxx699n57B3eP1XmwcYxJxwPh9qV9WcVjLjS_J2pK5s here is an example of how it looks, it needs to be made similar to theirs and on this one it needs to be done https://rollershop.com.ua/ opencart ocStore 3.0.3.7. and there should be… PHP, Web Programming ∙ 13 hours 20 minutes back ∙ 67 proposals |
A website similar to https://boom-inc.ruCreate a modern one-page website (Landing Page) for the PowerShot product — a protein drink in a dual-chamber packaging. Website style: Minimalism Dark background Neon purple-turquoise accents Style similar to BoomShot Focus on the product's innovation Main screen Title: POWER… Online Stores & E-commerce, Web Programming ∙ 13 hours 25 minutes back ∙ 64 proposals |