5.1 - Deploy Ncmaz to Vercel via a GitHub repo.

1 - Requirements

• Already have a Vercel account 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 - https://vercel.com/docs/projects/environment-variables

2 - Getting started

👉 Video deploy Ncmaz Faust to Vercel via GitHub repo

Video deploy Ncmaz Faust to Vercel via GitHub repo

1. The prerequisite is that you need a GitHub account - https://github.com

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

3. If you need help setting up your repo, take a look at this guide on GitHub.

4. 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.

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

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

7. 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

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

9. 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.

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

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.