📚
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
  • 1 - Requirements
  • 2 - Getting started
  • 👉 Video Deploy Ncmaz to Vercel using Vercel CLI

Was this helpful?

  1. Getting Started Setup
  2. Step 5. Deploying the Ncmaz-Faust to Vercel

5.2 - Or deploy Ncmaz to Vercel using Vercel CLI

Previous5.1 - Deploy Ncmaz to Vercel via a GitHub repo.Next5.3 - Error when deploying to Vercel using the GitHub repo.

Last updated 1 year ago

Was this helpful?

1 - Requirements

  • Already have a on any plan.

  • 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

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

2 - Getting started

  1. Create a Vercel Account:

    • First, you need to have a Vercel account. If you don't have one, you can sign up at .

  2. Install the Vercel CLI (Command Line Interface):

    • Open your terminal or command prompt and run the following command to install the Vercel CLI:

    npm install -g vercel
  3. Log in to the Vercel CLI:

    • Run the following command to log in to your Vercel account:

    vercel login

    You will be directed to a web page to log in to your Vercel account.

  4. Navigate to your Next.js Project Directory:

    • Open your terminal and navigate to the root directory of your Next.js project using the cd command.

  5. Deploy the Project:

    • Once you are in your project directory, run the following command to deploy your project to Vercel:

    vercel

    When you run this command for the first time, the Vercel CLI will ask you to name your project. You can use the default name or choose your own.

  6. Configure Deployment:

    • During the deployment process, Vercel CLI will ask you to configure some options such as the deployment environment (Development, Preview, or Production). You can choose the environment that fits your project.

  7. If you got this error "Routes Manifest Could Not Be Found", please: In the Vercel dashboard, open your "Project Settings" > "Environment Variables" > Add 2 environment variables "NEXT_PUBLIC_WORDPRESS_URL" and "FAUST_SECRET_KEY" to the project and then redeploy by running the "vercel" command again.

    # 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
    

  8. Wait for Deployment to Complete:

    • Vercel will automatically deploy your project. After the deployment process is complete, Vercel will provide a public URL to access your website.

  9. If you encounter errors during deployment, double-check the steps. Or take a photo of the error and for support

👉 Video Deploy Ncmaz to Vercel using Vercel CLI

Vercel account
https://vercel.com/docs/projects/environment-variables
Vercel's website
email it to me