Nextjs Templates & Themes Logo Nextjs Templates & Themes
Next Wordpress Starter screenshot

Next Wordpress Starter

Author Avatar Theme by Colbyfayock
Updated: 20 Feb 2024
1248 Stars

Bring WordPress to the static world with Next.js

Github Live Preview

Categories

React Scss

Overview

The Next.js WordPress Starter is a project that aims to use WordPress as a headless CMS and Next.js to create a static website that can be deployed anywhere. It includes several features such as blog, pages, posts, categories, authors, search, RSS feed, and sitemap. The theme is designed to be SEO friendly and performant out of the box.

Features

  • Blog
  • Pages
  • Posts
  • Categories
  • Authors
  • Search
  • RSS feed
  • Sitemap

Installation

  1. Clone the repository.
  2. Install WordPress and WPGraphQL.
  3. Create an .env.local file in the root directory with the following content:
    WORDPRESS_GRAPHQL_ENDPOINT=[Your Host]/graphql
WORDPRESS_MENU_LOCATION_NAVIGATION=PRIMARY
WORDPRESS_PLUGIN_SEO=false
  4. Optionally, configure environment variables in next.config.js.

Summary

The Next.js WordPress Starter is a powerful tool for scaling WordPress websites using the static web capabilities of Next.js. It allows developers to create a static website experience without any 3rd party services and can be deployed anywhere. With features like blog, pages, posts, categories, authors, search, RSS feed, and sitemap, it provides a comprehensive solution for creating a fully functional and performant WordPress theme.