Using NextJS with Headless WordPress

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • Cloudways - The Cloudways Speed Up Challenge 2022
  • SonarLint - Clean code begins in your IDE with SonarLint
  • Zigi - Close all those tabs. Zigi will handle your updates.
  • Scout APM - Truly a developer’s best friend
  • InfluxDB - Build time-series-based applications quickly and at scale.
  • next-wordpress-starter

    📝 Bring WordPress to the static world with Next.js

    We'll be using Colby Fayock's Next.js WordPress Starter in this walkthrough (https://github.com/colbyfayock/next-wordpress-starter/). This Next.js WordPress Starter project aims to "take WordPress as a headless CMS and use Next.js to create a static experience that can be deployed anywhere."

  • wp-graphql

    :rocket: GraphQL API for WordPress

    The Next.js WordPress Starter uses GraphQL, so start by logging into your WordPress website and install WPGraphQL. If you don't have an existing WordPress website, I've set up a dummy project you can use instead at: https://fake-data.better-wordpress.dev.

  • Cloudways

    The Cloudways Speed Up Challenge 2022. Do you have what it takes to speed up a sluggish WooCommerce store so well that it gives relentless online growth? If yes, then now's your chance to prove your optimization skills by participating in the year's biggest speed up challenge and get rewarded BIG for your efforts.

  • WordPress

    WordPress, Git-ified. This repository is just a mirror of the WordPress subversion repository. Please do not send pull requests. Submit pull requests to https://github.com/WordPress/wordpress-develop and patches to https://core.trac.wordpress.org/ instead.

    WordPress is used on over 1.3 billion websites across the world, and it works great as a Headless CMS. NextJS is a framework built on React to give you an amazing amount of features, which you would otherwise need to set up yourself (static rendering, bundling, prefetching etc), and provides super fast and performant websites. Let's combine the two to create a super fast headless WordPress website!

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts