πŸ“š
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

Was this helpful?

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

5.1 - Deploy Ncmaz to Vercel via a GitHub repo.

PreviousStep 5. Deploying the Ncmaz-Faust to VercelNext5.2 - Or deploy Ncmaz to Vercel using Vercel CLI

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

πŸ‘‰ Video deploy Ncmaz Faust to Vercel via GitHub repo

  1. Please create a new project on your GitHub account. e.g. ncmaz-faust-blog

  2. As per Github's instructions, connect this new project to your ncmaz-faust folder, then use the GitHub cli commands to push all the files to the repo.

  3. In the "Import Git Repository" section, select the repo you just created (e.g.ncmaz-faust-blog), then click the import button.

  4. Next, go to the "Configure Project" section, click on the "Environment Variables" tab, then enter the 2 necessary environment variables of the project as - 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

  5. Then click the "Deploy" button and wait for the successful result.

  6. When it’s done, you’ll get deployment URLs. Click on one of the URLs and you should see the Next.js starter page live.

    Congratulations! You just deployed your Next.js app to production.

Keep in mind that Vercel integrates seamlessly with Next.js projects and offers many convenient features such as automatic deployments from Git, preview environments, and performance-related features. You can also customize many deployment settings through the project management interface on the Vercel website.

The prerequisite is that you need a GitHub account -

If you need help setting up your repo, take a look at .

Once your GitHub repository is ready. Click the button from the Vercel dashboard.

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

https://github.com
this guide on GitHub
New Project
Vercel account
https://vercel.com/docs/projects/environment-variables
Video deploy Ncmaz Faust to Vercel via GitHub repo
email it to me