1. Home
  2. Docs
  3. Siard – Theme Documentation
  4. React Frontend Installation
  5. Setup Local Development Environment

Setup Local Development Environment

To kickstart the development of the web app with Siard, at first need to setup the React development environment.

The following steps need to follow before going further-

Installation
  1. Install Node.js and NPM: Download Node.js from https://nodejs.org/en/download/ and install it on your system. NPM comes bundled with Node.js
  2. Install npm packages: In the terminal, go to your project root directory and run the npm install command, it will download all the dependencies under the node_modules folder.

Preparation

Step 1: You’ll need to install Node.js >=v10.0+ (Recommended Version) (NPM comes along with it) and serve (an NPM package)

Step 2: Go to the Siard root folder and open the terminal and run npm install.

Step 3:

  • Start development server
  • npm run dev
  • Next.js will start a Fast refresh development environment accessible by default at http://localhost:3000.
  • Try editing the home page in /pages/Index.js and save changes. It will instantly reload and show the update in the browser.
  • Create a production build
  • npm run build
  • React / Next will perform an optimized production build for your site, The build artifacts will be stored build/ directory.

now you are ready to go.

Was this article helpful to you? Yes No

How can we help?