Danube River

Design-focused micro-site telling the story of the danube river – Europe's second largest river, after the Volga.

With Docker installed, run the following.

cp .env.example .env
docker-compose up

If you are using Docker make sure you install the dependencies inside the machine.

docker-compose exec app npm add package

Set APP_ENV=production inside the .env file.

cp .env.example .env
docker-compose up -d

Setup NGINX on the server to proxy_pass port 80 through to the app's port.

server {
    listen 80;
    server_name example.com;
    location / {
        proxy_pass http://127.0.0.2:8080;
    }
}

Setup ownership of the public directories to NGINX's www-data user and group.

chown www-data:www-data -R build

When adding new assets, be sure to update the preloading file. This script will do that for you:

node bin/generateAssetsPreload.js

To generate the static files, run the following. This will create a build directory that contains all the static files.

docker-compose run app npm install && npm run build

Expected Article Content Modules:

Liked Examples:

Landing Page Examples:

Article Page Examples:

About

Design-focused micro-site telling the story of the danube river – Europe's second largest river, after the Volga.

Language:JavaScript 79.6%Language:CSS 20.0%Language:HTML 0.3%Language:Dockerfile 0.0%Language:Shell 0.0%