NextPress

Render WordPress Gutenberg content 1:1 in Next.js. Automatic script/stylesheet loading, middleware proxy, and multi-WordPress support.

Packages

@axistaylor/nextpress - NPM Package

npm install @axistaylor/nextpress

Components and utilities for rendering WordPress content in Next.js:

• Content - Render WordPress HTML content with custom parsers
• HeadScripts / BodyScripts - Load WordPress scripts with dependency resolution
• RenderStylesheets - Load WordPress stylesheets with inline styles
• withWCR - Next.js configuration wrapper
• proxyByWCR - Middleware proxy for WordPress APIs

NextPress WordPress Plugin - WordPress Plugin

Add the GitHub repository to your composer.json:

{
  "repositories": [
    {
      "type": "git",
      "url": "https://github.com/AxisTaylor/nextpress.git"
    }
  ]
}

Then require the package:

composer require axistaylor/nextpress:dev-main

Extends WPGraphQL with queries for enqueued scripts and stylesheets.

Documentation

See the docs for detailed guides:

• Getting Started
• WordPress Plugin
• Content Component
• HeadScripts / BodyScripts
• withWCR Configuration
• proxyByWCR Middleware

Requirements

• Node.js 18+
• Next.js 14.2.5+
• WordPress 6.0+
• PHP 7.4+
• WPGraphQL 1.27.0+

License

• NPM Package: MIT
• WordPress Plugin: GPL-3.0-or-later