📚
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
  • Step 1 - Requirements:
  • Step 2 - Get Start to Deploy:
  • 👉 Video deploy Ncmaz Faust to Vercel via GitHub repo

Was this helpful?

  1. Getting Started Setup

Step 5. Deploying the Ncmaz-Faust to Vercel

This tutorial will show you how to deploy the Ncmaz project

PreviousStep 4. Update environment variables.Next5.1 - Deploy Ncmaz to Vercel via a GitHub repo.

Last updated 11 months ago

Was this helpful?

The easiest way to deploy Next.js to production is to use the platform developed by the creators of Next.js.

Vercel is a serverless platform for static and hybrid applications built to integrate with your headless content, commerce, or database. We make it easy for frontend teams to develop, preview, and ship delightful user experiences, where performance is the default. You can start using it for free — no credit card required.

Step 1 - Requirements:

  1. Already have a on any plan.

  2. You need to have the environment variables ready and correct - Step 4. Update environment variables.

    # Your WordPress site URL
    NEXT_PUBLIC_WORDPRESS_URL=https://faustexample.wpengine.com
    
    # Plugin secret found in WordPress Settings->Faust
    FAUST_SECRET_KEY=YOUR_PLUGIN_SECRET

  3. Read about how to manage environment variables in projects on Vercel -

Step 2 - Get Start to Deploy:

There are 2 ways for you to deploy Ncmaz to Vercel, you can view and choose one of them. 👇

  1. 5.1 - Deploy Ncmaz to Vercel via a GitHub repo.

  2. 5.2 - Or deploy Ncmaz to Vercel using Vercel CLI

👉 Video deploy Ncmaz Faust to Vercel via GitHub repo

Tips and notes: 🌟🌟🌟

After you deploy to Vercel/Netlify, ... changes from your WordPress site (e.g. change home, add/update posts, pages, categories...) may take up to 15 minutes for data to be synchronized to your frontend site.

So please be patient, because this is the that will help bring more performance and optimization.

Vercel
Vercel account
https://vercel.com/docs/projects/environment-variables
ISR feature of Nextjs
Video deploy Ncmaz Faust to Vercel via GitHub repo
52MB
vercel-CLI-demo.webm