📚
Ncmaz- Nextjs Headless WordPress Blog, Magazine
View demoBuy theme now
  • 💝A few words of thanks
  • 👥Community
  • 📦Inside the downloaded package
  • 💁Support
  • 🌠Domains and hosting?
  • Getting Started Setup
    • ⭐Getting Started
    • Step 1. Configure WordPress Server
    • Step 2. Install the WP theme & plugins.
    • Step 3. Check Your Permalinks and WPGraphQL Settings
    • Step 4. Update environment variables.
    • Step 5. Deploying the Ncmaz-Faust to Vercel
      • 5.1 - Deploy Ncmaz to Vercel via a GitHub repo.
      • 5.2 - Or deploy Ncmaz to Vercel using Vercel CLI
      • 5.3 - Error when deploying to Vercel using the GitHub repo.
      • 5.4 - Other Hosting Options
    • Step 6. Set your Front-end Site URL. Congratulations 🎉
    • Step 7. Import demo data
      • [ERROR] Failed to import "Home 2" page
    • Step 8. Connecting MailPoet to Ncmaz-frontend
    • Step 9. Setting Logo, Socials, SEO, ... Site settings JSON
  • Development on localhost
    • Run on localhost
      • Error when run start
    • Deployments
  • WordPress
    • Build a home page with Ncmaz Gutenberg
    • Config Mailpoet
    • You don't have permission to submit the post.
    • Compatible with other plugins?
    • Using Headless WordPress with Next.js and Vercel
    • Create Anchor Links Manually with WordPress Block Editor
    • Create post-format Video, Audio, and Gallery
    • Contact form
  • Header
    • Header navigation menus
    • Avatar dropdown menus
  • Footer
    • Footer menu
    • Footer subscribe form
  • Single post page
    • Setting single style and toggle single sidebar
    • Setting Post format Video, Audio, Gallery
  • Ncmaz-faust
    • Install node_module
    • Custom border-radius
    • Custom color, fonts
    • Components
    • Sources And Credits
    • Translate the theme into your language
    • RTL mode
    • Nextjs-google-analytics
    • 414 Request-URI Too Large
    • Sitemap XML, robot.txt
    • Integrate Google AdSense in NextJS
    • Site Settings JSON
  • For developers
    • Project initiation
    • Enviroment variables
    • Ncmaz-faust-core plugin.
    • Ncmaz-faust project
    • Coming soon!
  • Change log
    • Update theme?
    • Change log
Powered by GitBook
On this page

Was this helpful?

  1. For developers

Project initiation

Project initiation: How was the project started, and what foundational steps were taken to establish the environment?

PreviousSite Settings JSONNextEnviroment variables

Last updated 1 year ago

Was this helpful?

1 - Initial goal:

Build a NextJs headless WordPress CMS theme - Ncmaz blog, news, magazine.

2 - Overall structure

Imagine the overall structure of this topic includes two main parts:

  1. The Nextjs Ncmaz-faust project is essentially a Faustjs project - So everything in this project follows the guidance of Faustjs. Just carefully read the Faustjs documentation, and you'll fully understand the project's structure

  2. The Ncmaz-faust-core plugin is a WordPress plugin. This plugin will be responsible for building WordPress features to fit the website: for example, creating Ncmaz Gutenberg blocks, building Favorite and Save features, initializing ACF custom fields, creating GraphQL mutations, etc.

3 - Framework selection:

- A JavaScript framework that makes building headless WordPress simple and easy.

4 - Getting started

Instead of starting with the first lines of code, I chose to build ncmaz-faust based on a starter repo created by the founders of Faustjs. This will help me save time and have a quality starting framework readily available.

👉 Here it is -

My next task is to build components for the Ncmaz-faust project. At the same time, I will develop the Ncmaz-faust-core plugin to implement the necessary features...

https://faustjs.org/
Faustjs
Faustjs
https://github.com/wpengine/faust-scaffold-ts