Circleci Demo Javascript Express screenshot

Circleci Demo Javascript Express

Author Avatar Theme by Circleci public
Updated: 22 Sep 2020
135 Stars

Sample Javascript/Express app building on CircleCI

Categories

Overview:

The CircleCI Demo is a project built from a MERN Starter kit, utilizing Mongo, Express, React, and NodeJS. The demo showcases features such as webpack configuration, server setup using Express, and server-side rendering with React Router.

Features:

  • Webpack Configs: Includes webpack configuration files for development, production, server bundling, and server rendering.
  • Server Management: Utilizes Express web framework to manage the server with support for Webpack middlewares and Hot Module Replacement.
  • Server-Side Rendering: Implements React Router’s match function to handle page requests, error codes, and creating fresh Redux Store instances on each request.

Installation:

To install the CircleCI Demo JavaScript/Express.js project, follow these steps:

  1. Ensure MongoDB is running.
  2. Install npm3 for proper dependency installation.
  3. Run the following commands in the project directory:
    npm run start
    npm run bs
    npm run test
    npm run watch:test
    npm run cover
    npm run lint
    

Summary:

The CircleCI Demo project, based on a MERN Starter kit, demonstrates key features like webpack configuration, server setup with Express, and server-side rendering. Developers can easily customize the webpack configs for production builds and leverage React Router for efficient handling of page requests. Servers are configured to support Hot Module Replacement and Redux Store instances are dynamically populated for each request.