victordelval / express-ssr-app

Exercise with NodeJS and Express to build an app with server-side rendering (ssr)

Table of Contents

• Short Description
• Project Dependencies
• Project Structure
• Available Scripts

Short Description

The objective of the project is to create a basic Express backend with server-side rendering (SSR).

Project Dependencies

Development and production dependencies:

  "devDependencies": {
    "babel-preset-env": "^1.6.1",
    "babel-register": "^6.26.0",
    "chai": "^4.1.2",
    "cheerio": "^1.0.0-rc.2",
    "got": "^8.3.0",
    "mocha": "^5.0.4",
    "morgan": "^1.9.0",
    "nodemon": "^1.14.12"
  },
  "dependencies": {
    "babel-cli": "^6.26.0",
    "body-parser": "^1.18.2",
    "express": "^4.16.2",
    "mongoose": "^5.0.3",
    "pug": "^2.0.1"
  }

Testing

npm i --save-dev got chai cheerio mocha

Project Structure

express-ssr-app
    |- node_modules
        ...
    |- src
        |- public
            bootstrap.min.css
            custom.css
            sticky-footer.css
        |- routes
            home.js
            units.js
            user.js
        |- views
            |- includes
                footer.pug
                head.pug
                header.pug
            404.pug
            home.pug
            temario.pug
            user.pug
        index.js
        router.js
    |- tests
        home.spec.js
        user.spec.js
    .babelrc
    .gitignore
    nodemon.json
    package-lock.json
    package.json
    README.md

Available Scripts

In the project directory, you can run:

npm run start

Runs the app in the development mode. Open http://localhost:9000 to view it in the browser.

npm run watch

Runs the app with nodemon. Nodemon is a utility that will monitor for any changes in your source and automatically restart your server. Perfect for development.

npm run test

Note that the development server must be stopped to run the tests.