Skip to content

Setup with bash commands

Latest
Latest
Compare
Choose a tag to compare
@imranhsayed imranhsayed released this 18 Oct 17:53
v1.0.1
6358132
This commit was signed with the committer’s verified signature.
imranhsayed Imran Sayed
GPG key ID: C3B68578989DDEF2
Learn about vigilant mode.

It's very simple to setup the project with just one command and this ./nxtwp configure

One command project setup

The below command is going to set up the project in the interactive mode.
It creates an .env file for front-end next.js project and setsup up frontend and/or backend.
Run this from the root of the project.

./nxtwp configure

It's going to ask you a few of questions.

Q1. Do you already have a WordPress setup that you want to continue with? [y/n]:

Answer

y: If you would like to use this project's WordPress Docker setup ( In which case make sure to install and active all plugins from [backend/plugins-collection])
n: If you want to use your own WordPress setup.

Q2. ✍️  What is your WP backend URL? (defaults to http://localhost:8020):

Leave it blank if you would like to use this project's WordPress Docker setup,
else enter your own WordPress site URL.

✍️  What is your frontend next js URL? (defaults to http://localhost:3000):

Leave this blank for development, as it will be the same as default for next.js

✍️  What is your Disqus comments shortname? (leave blank if you are not using):

Leave this blank if you are not going to use the Disqus comments, else enter your Disqus comments shortname.

That's it!
This is going to automatically:

  • Creates the .env file in the frontend directory.
  • Setup WordPress backend with all the plugins via composer (if you chose y for the first question)
  • Install npm packages for next.js frontend and start development server.

WordPress Backend will be available on http://localhost:8020
Next.js Backend will be available on port http://localhost:3000

  • Make sure to activate all plugins that it has installed via composer.
  • Update block registry by going to WordPress Dashboard > GraphQL Gutenberg.
  • For more information checkout the project Wiki
Assets 2