Skip to content

alankpatel/circleci-demo-javascript-react-app

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

57 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Quickstart: Demo JavaScript Node.js Reference Project

We maintain a reference JavaScript Node.js project to show how to build an Express.js app on CircleCI with version: 2.1 configuration: Demo JavaScript Node Project on GitHub Demo JavaScript Node Project building on CircleCI

In the project you will find a CircleCI configuration file .circleci/config.yml. This file shows best practice for using version 2.1 config with Node projects. Build the Demo JavaScript Node Project Yourself A good way to start using CircleCI is to build a project yourself. Here’s how to build the demo project with your own account: Fork the project on GitHub to your own account. Go to the Add Projects page in the CircleCI application and click the Set Up Project button next to the project you just forked. To make changes you can edit the .circleci/config.yml file and make a commit. When you push a commit to GitHub, CircleCI will build and test the project.

Sample Configuration

Below is the .circleci/config.yml file in the demo project.

orbs:
  node: circleci/node4.0.0

version: 2.1

workflows:
  app-tests:
    jobs:
      - node/test

Config Walkthrough

By using the Node orb, it sets an executor from CircleCI's highly cached convenience images built for CI and allows you to set the version of NodeJS to use. Any available tag from this list can be used: https://hub.docker.com/r/cimg/node/tags.

The Node Orb test command will test your code with a one-line command, with optional parameters.

Matrix jobs are a simple way to test your Node app on various node environments. For a more in depth example of how the Node orb utilizes matrix jobs, see our blog on matrix jobs. See documentation on pipeline parameters to learn how to set a node version via Pipeline parameters.

Success! You just set up a Node.js app to build on CircleCI with version: 2.1 configuration. Check out our project’s Job page to see how this looks when building on CircleCI.

About

Sample ReactJS application running on CircleCI

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 70.9%
  • HTML 20.4%
  • CSS 8.7%