Next.js Headless WordPress for blog & magazine.

Next.js Headless WordPress is a powerful solution that combines the flexibility of Next.js and the power of the WordPress content management system.

Technologies used in the project

    • React
    • Next.js
    • typescript
    • Faust.js
    • WordPress

Some outstanding features
of the Ncmaz.

In addition to the power and lightning speed of Next.js ISR and headless WordPress,
below are other outstanding features that only Ncmaz has.

Users can still listen to podcast/audio/music while reading articles and experiencing the website!

Manage posts, manage account, create/update/delete posts, etc.

Because now authors will be able to manage all their necessary information in the front end. Manage posts, manage account, create/update/delete posts, and more.

Dashboard - My posts

No need to go to the WordPress admin, now you can manage all your posts in the frontend.

Your posts will be displayed with all the necessary information. In addition, you can perform tasks such as add/edit/delete/change post status directly and quickly.

Dashboard - Edit profile

You can edit your profile information, change your password, and upload your profile picture. etc.

You can now view and edit your profile information directly in the frontend. Update your account, change your password, update your social media links, and more

Submission & Edit post

You can submit new posts or edit existing posts directly in the frontend.

You can now submit new posts or edit existing posts directly in the frontend. The interface is beautiful and flexible. You can add/edit/delete posts, upload images, and more.

Get started today

It’s time to improve your website. Buy the Ncmaz theme so you can feel like you’re doing something productive.

Technology highlights make people fascinated 🥰

Ncmaz - Next.js Headless WordPress! Points that make people fall in love. Let's take a look at some highlights of the theme.

    • Next.js 14 frontend

      Unlock new opportunities for WordPress. Your frontend is built entirely with Nextjs 13, offering great power, flexibility, and user interaction.

    • High-performance & Speed

      Pages built with Next.js's ISR feature will help the site load quickly. Achieve up to 10x performance with global CDN, the fastest WordPress TTFB scores.

    • The look of 2023

      The website is designed with a modern, beautiful and consistent UI. Meticulously designed and functional pages provide great user interaction.

    • SEO Friendly

      SSG generates static HTML files for your pages at build time, which is ideal for SEO as it ensures fast page loads and indexability by search engines. Also, fast page loading and mobile responsive design also help with SEO.

    • Gutenberg blocks

      The homepages are built entirely of pre-built Gutenberg blocks. Intuitive and easy to customize will make it easier for you to build your homepage.

    • Faust.js framework

      An optional, super fast, Next.js-based framework for bringing common WordPress features like previews and page template hierarchy.

    • WordPress CMS

      As an admin, you still manage everything on your site with the WordPress admin page. No need to learn anything else, everything is still as familiar as before.

    • GraphQL & Smart Cache

      Graphql and the WPGraphQL Smart Cache plugin will help speed up query optimization. Reduce the pressure on your server.

    • RTL Support

      The theme supports Right to Left mode. This will help your users feel more comfortable when experiencing the site.

Frequently asked questions

If you can’t find what you’re looking for, please email us and we will get back to you as soon as possible.

    • Do I need 2 hosting and 2 domains to host my website?

      Certainly, in the context of a Next.js website with a headless WordPress setup, you will typically need two separate hosting environments and two domain names to host your website effectively:

      1. Front-end Next.js: This is the user interface portion of your website, built using Next.js. The front-end will be hosted on one server (hosting environment) and may use a dedicated domain name.

      2. Back-end WordPress: WordPress serves as a content management system (CMS) and provides the API for your website's data. WordPress will be hosted on a different server (hosting environment) and may use a separate domain name.

      So, you will need:

      • Hosting for the Front-end Next.js: This is where you will store the source code and files for your Next.js website. You can use a hosting service or a virtual server to deploy Next.js. You will configure your own domain name for the front-end.

      • Hosting for the Back-end WordPress: WordPress will be hosted on a separate server. This could be the same server with your WordPress installation or a dedicated server for your WordPress project. You will also configure your domain name for the back-end.

      You can use a subdomain for the front-end and the main domain for the back-end. For example: app.example.com and example.com.


      🔥 If you feel it is complicated, you should consider Vercel. Now you only need WordPress and Vercel. Vercel will provide you with hosting and a free domain included. You can deploy your Next.js website with Vercel in a few clicks.

    • Documentation and support?

      Please check out our documentation and if you still have questions, please email us or open a ticket and we will get back to you.
    • Do I need to know about Next.js to use the theme?

      It would be great if you were a Next.js/React developer, which will help you to customize the theme to your liking. However, if you are an end-user and you just want to use it as a normal theme, you do not need to have knowledge of Nextjs or Javascript. You just need to administrate your website on the WordPress admin page.
    • How do I manage my website?

      You still administer your site on your WordPress admin page. No need to learn anything else and everything is as familiar and easy as before.

Get started today

It’s time to improve your website. Buy the Ncmaz theme so you can feel like you’re doing something productive.

Conclusion

Your new headless architecture built on WordPress and Vercel is now more flexible, resilient, and faster. Incremental Static Regeneration will keep your pages in sync with your WordPress content, which Vercel ensures your site is both reliable and fast.

WordPress and Vercel
Next.js ISR replicates and caches page content at the Edge for improved page load times.

Couldn't find the guide you need?

View Help