LP Agency

Launching a content magazine on WordPress

inside a React site with a single authorization

About the project

Type:
corporate website, content magazine
Sphere:
expert publications, consulting
Format:
WordPress integration
Stack:
React + WordPress (PHP) + custom tokens + VPS

Task

The client already had a corporate website implemented on React.
The task appeared — to create a full-fledged content magazine with a publication management system.

Key constraints:

  • minimum budget,
  • rapid implementation,
  • no rewriting of the main site,
  • maintaining a unified UX/UI,
  • correct SEO architecture,
  • integration with the existing authorization system (via tokens).

In fact, it was necessary to add a separate CMS zone without destroying the current architecture of the product.

The purpose of the project

Create a WordPress-based managed blog:

  • how to use an SEO engine to attract organic traffic,
  • as a tool for publishing expert content,
  • as an autonomous system with minimal costs,
  • as a technically correct extension of the React product.

Architectural solution

We chose classic WordPress (not headless) and hosted it.:

  • in the subfolder of the main domain,
  • on a separate server zone (VPS),
  • with its own theme for a single design.

Integration via tokens.

There was already a personal account on the main site.
If the user is logged in to the main system, the authorization must also work in the log area.

The scheme is implemented: React → token issuance → transfer to WP → server validation → session synchronization

Unified design:

  • developing your own WP theme.
  • full compliance with the React website UI.
  • adaptive layout (desktop + mobile).

SEO architecture:

  • setting up correct URLs.
  • implementation of tag logic.
  • pagination.
  • s
  • micro-markup.
  • server redirects.

Efficiency:

  • query optimization.
  • minimizing third-party plugins.

working on a VPS without CDN and without cache plugins.

Datanewton3

Stages of implementation

Stage 1. Technical design

  • preparation of technical specifications.
  • study of architecture.
  • definition of the integration model.

Stage 2. Layout and test environment

  • development of design layouts.
  • adaptive layout.
  • preparing the test environment.
  • configuring page routing.

Stage 3. Backend and integration

  • implementation of tag logic.
  • search implementation.
  • newsletter integration.
  • SEO settings.
  • integration of authorization through tokens.
  • testing and launching.

Which was technically difficult

The project looked simple, but in practice it included:

  • integration of two different stacks (React + PHP),
  • syncing authorization,
  • unified UX support,
  • correct SEO routing inside a subfolder,
  • no degradation of performance.

This is not «just a blog», but a hybrid architecture.

Results

Business results:

  • organic traffic growth.
  • reducing the publication time of materials.
  • The publication is handled by 1 specialist without the participation of developers.
  • the client is satisfied with the price/result ratio.

Technical results:

  • a fully integrated CMS area.
  • authorization is working correctly.
  • SEO readiness.
  • no conflicts with the React infrastructure.